Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇
2022-10-28 15:19:56
195
{{single.collect_count}}

欢迎转载,但需标明出处

前言


本教程中涉及的后台管理系统使用 vue + element + webpack 作为基础框架,SPA架构,均采用vue的单文件组件形式进行书写,故你需要确保PC中拥有nodeJS环境,保证代码可以进行后期编译,以运行在浏览器环境中。

UI框架则采用element,当前使用element 1.x版本。如果你认为element比较丑,可以自行更换成ivew或者其他UI框架。
ivew官方拥有自己的后台管理系统示例,可在官网文档中找到。

文章的更新的二三事


因本系列教程编写时使用的是element 1.x版本,如果element在后续版本中对之前的API进行了破坏性变更,原理类及思路类文章将不会更新,应用类文章看情况更新。

如果在实践中发现有更好的思路及解决方法,原理类及思路类文章将直接在原基础上更新。

源码


当前源码地址:https://github.com/harsima/vue-backend
请注意,该源码会不断更新(因为工作很忙不能保证定期更新)。源码涉及到的东西有超出本篇教程的部分,请酌情阅读。

本系列目录


回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}