# ComManSys-FrontEnd

**Repository Path**: zjy2100/ComManSys-FrontEnd

## Basic Information

- **Project Name**: ComManSys-FrontEnd
- **Description**: 前端页面和业务逻辑组成
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.handsome-zjy.work
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-10
- **Last Updated**: 2025-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 商品管理系统-前端部分

### 总体概述

>   这是前端部分，主体部分采用 html5+css3+less+axios+vue3+Element-plus 构成，后端部分采用go语言完成，项目代码文档见：https://gitee.com/zjy2100/ComManSys-BackEnd。 该项目属于前后端分离的项目，目前只是完成了前后端互联互通和服务器的搭建，以及将项目部署上线，展示部分商品，已及操作商品，成为1.0的版本。目前前端项目总计1956行，项目部署网站是：<a>www.handsome-zjy.work</a>

### 技术构成

- Git 仓库,采用的是 gitee 地址是：https://gitee.com/zjy2100/ComManSys-FrontEnd
- 全局引入了Element-plus组件 ，webpack 自动导入，配置了 webpack.config.js 就可以直接使用 Element 组件标签了
* 引入 elementPlus 的 Icon 图标
* 国际化配置，组件默认使用的语言是中文 ，在使用时要配置为英文，采用i18n配置。
* 原生的样式重置 采用的是 Normalize.css 样式文件进行重置的，以及全局样式的引用
* 其中进行了用户是否登陆的权限验证，没有登陆则无权查看，用户信息存贮在store中，作为每一个页面需要使用得全局信息。
* token存贮在localstroage 中，用户每次发送得时候需要携带token,供后端解析，并验证。

### 请求接口相关的 axios

- 要统一请求配置
  >接口目录如下：
      > * apis
        > * data文件夹:表格数据相关的，包含整个列表数据获取的接口，表格单条数据的增删改查的接口
        - listPart 获取数据全部接口
        - searchData 查询部分数据接口
        - updateData 跟新数据接口
        - deleteData 删除数据接口
        - insertData 插入数据接口
      > * login文件夹：登录相关的接口，含用户注册和登录和退出登录三个接口
        - login 登录接口
        - logout 退出接口
        - register 注册接口
      > - menu文件夹，返回菜单栏的数据
          - menuTree返回菜单栏数据，这个后期通过用户不同权限，返回不一样的菜单栏。
      >*  user菜单
      - userInfo 生成用户权限等级已经用户相关信息，例如未读消息等

### 存在的问题
1.页面存在着刷出错的问题-王鑫
2.是否能生成流水线，一键打包发布-弈棋
3.初次页面加载是速度过慢的问题等-目前未知
4.中英文切换还是有问题-赵琼

### 未来的计划
1.vue3.0+typescript 是未来得主流 
2.其余页面组件的切换，需要在找点好的页面进行复制粘贴
3.需要画一个系统流程图，功能图吧，采用思维导图的方式，后期需要前端后端的两种方式
4.组合式 api 和响应式 api 这是个概念的问题后面再看
5.文件夹名字的问题，大小写和书写方式的问题，组件文件书写方式的问题，文件夹需要重铸，需要把逻辑改一下。
### 找工作的准备
1.需要背一下面试题
2.准备简历，然后开始投工作了
3.完成的步骤 echarts已经完成了
4.unipp 的开发