52 lines
2.2 KiB
Markdown
52 lines
2.2 KiB
Markdown
|
<!--
|
|||
|
|
* @Company: 沈阳信诚科技
|
|||
|
|
* @Email: html_venustar@163.com
|
|||
|
|
* @Author: Liuqiming
|
|||
|
|
* @Description: 项目开发说明
|
|||
|
|
* @LastEditors: Liuqiming
|
|||
|
|
* @LastEditTime: 2024-03-06 14:33:01
|
|||
|
|
* @Date: 2024-02-01 16:34:08
|
|||
|
|
-->
|
|||
|
|
## 前端运行
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
# 进入项目目录
|
|||
|
|
cd cfhi-web
|
|||
|
|
|
|||
|
|
# 安装依赖
|
|||
|
|
npm install --registry=https://registry.npmmirror.com
|
|||
|
|
|
|||
|
|
# 启动服务
|
|||
|
|
npm run dev
|
|||
|
|
|
|||
|
|
# 构建测试环境 yarn build:stage
|
|||
|
|
npm run build:stage
|
|||
|
|
|
|||
|
|
|
|||
|
|
# 构建生产环境 yarn build:prod
|
|||
|
|
npm run build:prod
|
|||
|
|
|
|||
|
|
|
|||
|
|
# 前端访问地址 vite.config.js 中自行配置后台地址
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 项目代码开发要求
|
|||
|
|
1. vue文件涉及所有方法、函数、特殊情况自定义组件等，均需要添加注释及说明
|
|||
|
|
2. 所有接口请求，必须使用 then(()=>{}).catch(err => console.log(err))，若有接口请求错误，须在控制台输出错误信息
|
|||
|
|
3. 关于特殊情况单独封装的自定义组件，须在页面文件夹内创建页面专属的components文件夹，将自定义单独组件放入，方便后期维护
|
|||
|
|
4. 接手项目熟悉框架时，着重熟悉项目封装好的公共组件，公共方法及公共loading、提示、svg等，开发时使用公共内容减少代码冗余
|
|||
|
|
5. 前端文件创建目录要求：模块文件夹 ——> 菜单文件夹 ——> 页面文件，以方便后期维护
|
|||
|
|
例如：系统运维/人员管理/人员管理页面文件 - src/views/system/user/index
|
|||
|
|
6. 所有通用页面基于公共组件及公共方法开发，前端固定配置须摘出jsx或js文件
|
|||
|
|
7. 前端开发，框架分支为 init-dev，功能开发人员基于dev拉取自己的分支，开发完成后向dev合并
|
|||
|
|
8. 前端项目便捷路径配置说明
|
|||
|
|
'@': ./src
|
|||
|
|
'@A': ./src/api
|
|||
|
|
'@S': ./src/assets
|
|||
|
|
'@C': ./src/components
|
|||
|
|
'@U': ./src/utils
|
|||
|
|
|
|||
|
|
## 项目开发问题记录
|
|||
|
|
1.项目主要使用的 els-table 及 els-form 组件，已引入全局，开发文档请查询 component 文件夹内组件下的readme 文档
|
|||
|
|
2. TypeError: Cannot read properties of null (reading 'length')
|
|||
|
|
若发现如图报错，则须检查 jsx 语法内 return返回的dom元素不可直接为 <></> 若根据条件判断需要返回空值，须返回 <span></span>即可解决报错问题
|