+-- 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更改等
- 拉取项目文件
git clone git@code.data4truth.com:FrontEnd/vue-cli.git -b cli_v2_pc
- 安装
yarn
- 运行
yarn serve
- 部署
-
是否已经配置过页面
a. 在 network 里查看接口 /user-server/auth/user/powers 的响应。 -
配置过,将权限里的 value 用作 路由名称。
-
没有配置过,找后端 user-server 开发(陈培松)添加。
-
添加时,要告知后端,权限类型、权限字段名、对应的名称。需要添加的环境。
a. 权限类型:按钮权限、菜单权限。
b. 权限字段名:从父级菜单依次到当前节点。
c. 对应名称,要添加的菜单名或按钮名。 -
🌰:我要在「会员中心」,「会员管理」下添加一个「会员查询」菜单。我给后端发的消息是这样的。
a. 培松,恒太开发环境,新增菜单 「会员查询」 member-manage-query。
b. 后端同学添加后,在接口 /user-server/auth/user/powers 中查看是否正确。
- 恒太有三种权限:页面权限、按钮权限、真实业务权限。
a. 基本逻辑:有权限就显示,没有就隐藏。
b. 按钮权限依托于页面权限,配置了页面权限,才能有按钮权限。
c. 真实业务权限:只有对应的组织才能操作,根据接口来判断。
d. 项目的所有权限:https://***。 - 每一个用户都对应一个角色,修改用户权限需要修改角色权限。
- 配置角色权限步骤
a. 进入页面:平台管理:组织管理 -> 角色管理
b. 选择自己的角色,点击编辑,在分配权限下勾选需要的权限。 - 权限配置找 user-server 开发(陈培松)
- 不明确的权限先找产品确认清楚。如果是新页面,需要在每一个环境都配置一下。
a. 比如开发时配置了开发环境,提测时要提醒后端将权限同步到测试环境。
具体参考蓝湖设计稿平台
具体参考小幺鸡后台文档
- 会员和用户相关前缀加
/user-server
/xxx - 优惠券相关前缀加
/coupon-server
/xxx - 标签相关前缀加
/label-server
/xxx - 商城相关前缀加
/mall-server
/xxx - 等级积分等 crm 相关前缀加
/crm-server
/xxx - 活动相关前缀加
/marketing-server
/xxx - 短信消息相关前缀加
/message-server
/xxx
- axios 请求【$ajaxGet,$ajaxPost】
- loadash 方法【
$_
】 - 时间格式转化方法 【$format(time,'自定义时间格式')】
- 一些工具方法【例如 $backIcon,$saveImage,$filterPhone 等】
- 分支规范 1.寻找当前项目上一个上线版本分支。 例子:release—20210401 2.切分支。无论是新需求还是 bug 修复都要切分支修改。命名规范:feature-0401-module-zhj 3.冲突解决。找到相应开发人员沟通后解决。
- 测试 环境
服务器地址:-
代码路径:-
域名地址:-
- 预发布 环境
服务器地址:-
代码路径:-
域名地址:-
- 正式 环境
服务器地址:-
代码路径:-
域名地址:-