vue + typescript 项目初体验

为期一个月的后台管理项目,在模版的基础上对路由和权限做了一定的更改以适用于业务。

1、业务组件的封装

把操作按钮封装在组件内部,整个按钮作为一个独立组件,在组件内控制当前 dialog 的显示隐藏,各类操作也在组件内完成,对外只需传入一个标识,暴露出一个关闭方法,用于操作完成后更新列表。

2、项目目录结构

单个页面的所有文件置于同一文件夹下,然后在 store 中注册

3、namespace 的使用

4、路由命名:简洁高可读性

5、TS 接口可读性、可维护性、可扩展性(与服务端商议,保持数据结构一致)

6、Proxy代理:将请求的域名指向 “target” 里面的 URL,找到 “pathRewrite” 里面的部分,将其替换成实际需要的部分

7、Jenkins发布:后端配置好 nginx,前端 server 通过 nginx 配置,指向 WebServer

8、权限相关:权限过滤 - 交集,权限匹配

9、自定义指令

10、路由渲染,根据当前产品需求,

11、所有涉及表单提交的,尽量使用 element-ui 表单校验。充分利用 form 表单的属性(rules, ref),在使用 this.$refs 时需要先声明

1、组件

·业务组件
    -- 注意自上而下,耦合性
·通用组件
    -- 高度可扩展性

项目完结时间太久,未完待回忆......

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章