五八马后台管理系统

我要开发同款
proginn15320517692024年03月13日
67阅读
开发技术webpack、elementui、axios、跨域、vue
所属分类后台管理、element

作品详情

该项目为B2B2C电商后台管理系统平台,包含商城、砍价、秒杀、优惠券、会员、分销、报表、店铺等功能,更适合企业或个人二次开发
责任描述:前端开发+测试,独立负责项目搭建和开发维护
技术要点:
1.使用Vite创建项目,VueRouter构建路由,结合ElementUI、Scss实现页面框架搭建
2.该项目由ElementUI创建好各个组件后,开始从Login进行数据的异步操作,在所有的异步操作中使用了Async、Await的语法,并调用Axios封装后的Request异步请求获取后台数据
3.填充Login页面数据,在这里此项目将后台账号的Token值存储到LocalStorage设置过期时间,并同步登陆状态到Vuex中,实现登陆账号时效性,长时间不操作或则关闭浏览器后,需要重新登陆
4.根据登陆用户权限匹配路由表,展示用户相应权限的侧边栏,并存储到Vuex中进行路由表管理
5.进入Home页后,利用ElementUI组件设置布局,头部,侧边栏和Main的页面,侧边栏为每个main 页面的路由,并在home组件中设置一个Router-View组件布局在Main中以渲染各个路由的视图
6.渲染各个页面的表层数据用插值表达式即可渲染,部分复杂数据需要利用到Vue中的作用域插槽进行赋值(slot-scope),在列表中使用v-for进行对值,这三种可实现表层数据赋值
7.设置图片上传和富文本编辑器,主要也是ElementUI提供,关于这量项值的上传主要是通过Form 表单进行上传,并操作js代码处理数据,返回服务器
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论