讨论社区 / 日志 / 帖子详情

PC端后台管理系统实现

2022-08-03 09:57:03

164

PC端后台管理系统

创建一个项目
以admin-lte为模板
复制start.html的body内容放大App.vue
复制css以及js文件至public文件夹内
引入css以及js --- 静态css以及js

抽离左侧menu为组件menu.vue
App.vue中注册组件并且使用
修改menu的菜单

抽离页面的中心部分。使用路由代替

创建组件 views/Home.vue views/Movie.vue

修改router.js

点击menu切换页面

使用UI库
》 cnpm i element-ui -S

cnpm install babel-plugin-component -D

修改babel.config.js

需要的页面处引入需要的组件，直接复制代码即可

上一页：电商后台管理系统登录功能前端实现

下一页：vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程

回帖

全部回帖（{{commentCount}}）

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

发帖

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6221

回帖数

144

文章

回帖

文章

粉丝

1 WordPress Rest API 入门详解

2927

2 Thinkphp5.0 获取新增数据的ID

5 Thinkphp6 的 where 查询条件 and 和 or 的操作

8 thinkphp6 如何输出json数据

1697

9 thinkphp6配置连接微软的sqlserver数据库

1696

10 Thinkphp如何查看当前是哪个版本?查看thinkphp当前版本号的三种方法

1688