一个前后端分离开发的系统。规范的代码结构,非常适合二次开发。
前端采用vue ant-design架构开发,统一的UI色系风格。后端采用django-rest-framework,restful风格,同时配置超好用的xadmin数据管理系统。提供部署文档,技术文档,或者你需要的其他文档,技术咨询,其他细节可提问
技术点:
后端:
使用了django + restframework 作为开发框架。
引入了xadmin,作为辅助的数据管理系统。
严格的restful开发风格,基于Class开发。
展示了restful常见的 资源交互方式 GET /POST /PATCH /DELETE。
使用了JWT认证模式,自定义认证结构。
使用了多层关联的表设计。
用到了多种接口请求方式,基于function的开发。
自定义filter查询、同时结合django的filter以及drf的filter。
自定义serilizer序列化传输、校验及返回结果。
自定义权限类,对请求方式及用户的角色进行判断。
drf的分页。
前端:
使用由node.js + vue +antd 组成的当下主流的技术搭建而成。
引入了Ant Design of Vue,它是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致,提供了很多引入及用的组件。
使用vue-router,实现路由以及子路由的切换,并在路由守卫里做了是否登陆判断。
接口请求使用axios。
全局状态管理使用vuex,存储登录用户信息。
权限管理使用vue.directive,判断用户角色来控制按钮隐藏。
配置了目录的国际化。
具体的细节还使用了很多基础的前端技术。








前端采用vue ant-design架构开发,统一的UI色系风格。后端采用django-rest-framework,restful风格,同时配置超好用的xadmin数据管理系统。提供部署文档,技术文档,或者你需要的其他文档,技术咨询,其他细节可提问

技术点:
后端:
使用了django + restframework 作为开发框架。
引入了xadmin,作为辅助的数据管理系统。
严格的restful开发风格,基于Class开发。
展示了restful常见的 资源交互方式 GET /POST /PATCH /DELETE。
使用了JWT认证模式,自定义认证结构。
使用了多层关联的表设计。
用到了多种接口请求方式,基于function的开发。
自定义filter查询、同时结合django的filter以及drf的filter。
自定义serilizer序列化传输、校验及返回结果。
自定义权限类,对请求方式及用户的角色进行判断。
drf的分页。
前端:
使用由node.js + vue +antd 组成的当下主流的技术搭建而成。
引入了Ant Design of Vue,它是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致,提供了很多引入及用的组件。
使用vue-router,实现路由以及子路由的切换,并在路由守卫里做了是否登陆判断。
接口请求使用axios。
全局状态管理使用vuex,存储登录用户信息。
权限管理使用vue.directive,判断用户角色来控制按钮隐藏。
配置了目录的国际化。
具体的细节还使用了很多基础的前端技术。







