# learning **Repository Path**: zhj1214/learning ## Basic Information - **Project Name**: learning - **Description**: 恒太项目B端模板-学习使用 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-04-28 - **Last Updated**: 2023-08-28 ## Categories & Tags **Categories**: Uncategorized **Tags**: 框架 ## README # vue V2 版本 项目 ## 项目结构 ``` +-- dist/ ---打包之后的dist目录 +-- public/ ---静态目录,/xx 直接饮用，不需要public | --- index.html ---首页入口html文件 | --- favicon.ico ---网页图标 +-- src/ + ---assets/ --- 资源文件 + | +---/font --- 图标字体 + | +---/images --- 图片资源 + | +---/scss --- 公共样式 + ---/components/ ---组件目录 + | +---/base/ ---基本组件 + | +---/**/** ---其他业务组件 +-- mixins/ ---mixins +-- layout/ ---布局方案 +-- router/ ---路由文件 | ---backRouter.js ---组件配置路由文件 | ---fn.js ---根据权限动态生成路由的方法 | ---index.js ---总路由配置入口 +-- store/ ---vuex 总 store 信息 | +---module ---根据业务组件划分的状态 | ---index.js ---总vuex状态配置信息 +-- utils/ ---vuex 总 store 信息 | ---axios.js ---通用axios方法 | ---tools.js ---通用工具方法 +-- pageview/ ---业务模块开发 | ---base ---页面基础组件 | ---tenant ---账户 | ---platform ---平台 | ---channel ---渠道 | ---member ---会员 +-- view/ ---网站页面 | ---Error.vue ---404页面 | ---Login.vue ---登录页面 | ---Welcome.vue ---欢迎页面 --- main.js ---应用登录后入口文件 --- login.js ---登录页入口文件 --- App.vue ---应用入口 --- babel.config.js ---babel配置文件 --- README.md ---Readme --- package.json ---依赖包 --- vue.config.js ---配置vue脚手架的文件，包含本地跨域、base url更改等 ``` ## 技术栈 - [vue2.0](https://cn.vuejs.org/) - [axios0.18.0](https://github.com/axios/axios) - [vuex3.1.0](https://vuex.vuejs.org/zh/) - UI 库 [iViewUI](https://www.iviewui.com/) - [vue-router](https://router.vuejs.org/zh/) ### 启动项目 0. 拉取项目文件 `git clone git@code.data4truth.com:FrontEnd/vue-cli.git -b cli_v2_pc` 1. 安装 `yarn` 1. 运行 `yarn serve` 1. 部署 ### 开发新页面流程 1. 是否已经配置过页面 a. 在 network 里查看接口 /user-server/auth/user/powers 的响应。 2. 配置过，将权限里的 value 用作 路由名称。 3. 没有配置过，找后端 user-server 开发（陈培松）添加。 4. 添加时，要告知后端，权限类型、权限字段名、对应的名称。需要添加的环境。 a. 权限类型：按钮权限、菜单权限。 b. 权限字段名：从父级菜单依次到当前节点。 c. 对应名称，要添加的菜单名或按钮名。 5. 🌰：我要在「会员中心」，「会员管理」下添加一个「会员查询」菜单。我给后端发的消息是这样的。 a. 培松，恒太开发环境，新增菜单 「会员查询」 member-manage-query。 b. 后端同学添加后，在接口 /user-server/auth/user/powers 中查看是否正确。 ### 恒太权限管理 1. 恒太有三种权限：页面权限、按钮权限、真实业务权限。 a. 基本逻辑：有权限就显示，没有就隐藏。 b. 按钮权限依托于页面权限，配置了页面权限，才能有按钮权限。 c. 真实业务权限：只有对应的组织才能操作，根据接口来判断。 d. 项目的所有权限：https://\*\*\*。 2. 每一个用户都对应一个角色，修改用户权限需要修改角色权限。 3. 配置角色权限步骤 a. 进入页面：平台管理：组织管理 -> 角色管理 b. 选择自己的角色，点击编辑，在分配权限下勾选需要的权限。 4. 权限配置找 user-server 开发（陈培松） 5. 不明确的权限先找产品确认清楚。如果是新页面，需要在每一个环境都配置一下。 a. 比如开发时配置了开发环境，提测时要提醒后端将权限同步到测试环境。 ## UI 设计稿 > 具体参考[蓝湖设计稿平台](https://lanhuapp.com/web) ## 后台 API 交互（基于后台是微服务框架） > 具体参考[小幺鸡后台文档](http://183.131.202.186:8080/xiaoyaoji/dashboard) - 会员和用户相关前缀加 `/user-server`/xxx - 优惠券相关前缀加 `/coupon-server`/xxx - 标签相关前缀加 `/label-server`/xxx - 商城相关前缀加 `/mall-server`/xxx - 等级积分等 crm 相关前缀加 `/crm-server`/xxx - 活动相关前缀加 `/marketing-server`/xxx - 短信消息相关前缀加 `/message-server`/xxx ## 其他说明 #### `main.js` 文件里在 vue 原型上绑定里很多实用的方法，诸如 - axios 请求【$ajaxGet,$ajaxPost】 - loadash 方法【`$_`】 - 时间格式转化方法 【\$format(time,'自定义时间格式')】 - 一些工具方法【例如 $backIcon,$saveImage,\$filterPhone 等】 #### 规范 - 分支规范 1.寻找当前项目上一个上线版本分支。 例子：release—20210401 2.切分支。无论是新需求还是 bug 修复都要切分支修改。命名规范：feature-0401-module-zhj 3.冲突解决。找到相应开发人员沟通后解决。 - commitizen 插件使用安装：npm install commitizen -g 或 yarn commitizen -g 以下命令先择一种即可 yarn: commitizen init cz-conventional-changelog --yarn --dev --exact npm: commitizen init cz-conventional-changelog --save-dev --save-exact #### 环境信息 - 测试 环境 ``` 服务器地址：- 代码路径：- 域名地址：- ``` - 预发布 环境 ``` 服务器地址：- 代码路径：- 域名地址：- ``` - 正式 环境 ``` 服务器地址：- 代码路径：- 域名地址：- ```