vue-admin-template

7 天开发后台系统技术小结

阅读更多关于 7 天开发后台系统技术小结

在确定了后台系统的详细规划和整体功能以后，花费时间更多的其实是对技术细节的打磨。本主题借鉴我开发个人网站魚立说的经验，整理了在开发后台系统过程可能会遇到的各种技术要点。本文来源：魚立说。本文链接： https://www.yulisay.com/d/endskills.html ，支持微信浏览器打开。更多精彩文章，请移步魚立说个人网站翻看。欢迎欣赏，吐槽不足之处。涉及到的代码已经整理到 https://github.com/yulis-say/web-full-stack 中的 end-skills 目录，若觉得有用，请分享并 star 。 1 后台开发小结下面对后台系统的开发技术要点依次进行概括，包括必要的说明和资源引导。 1.1 后台系统模板搭建后台系统，为了省时省力，可以选用一些流行的后台系统模板。关于这部分，可以阅读本站整理的《流行的后台管理系统模板》一文。考虑到技术的流行性和后台功能的完善，本站使用了基于 Vue.js 和 Element-UI 实现的 vue-admin-template 作为参考，进行了后台系统的搭建和二次开发。参考 vue-element-admin 后台系统模板，最终的后台系统效果将如图所示： 1.2 vue-admin-template 使用技巧配置代理请求，解决跨域问题。做如下修改：修改 .env

vue打包注意事项 vue-admin-template npm run build:prod

阅读更多关于 vue打包注意事项 vue-admin-template npm run build:prod

vue.config.js module . exports = { publicPath: '/page' , //生产环境如果不是部署到根目录，需要修改publicPath目录，/page表示在tomcat webapps下的page目录 outputDir: 'dist' , assetsDir: 'static' , 来源： oschina 链接： https://my.oschina.net/u/3277156/blog/4480786

基于webpack4+vue-cli3项目的换肤功能

阅读更多关于基于webpack4+vue-cli3项目的换肤功能

起因最近因公司需求，需要实现主题换肤功能，不仅仅是颜色的更改，还需要包括图片，字体等文件等更换，因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤。项目开始首先我们用vue-element-admin这个开源的后台管理系统项目来做demo演示，为了便于做二次开发，下载vue-admin-template来开发。 // 从github下载vue-admin-template clone https://github.com/PanJiaChen/vue-admin-template.git cd vue-admin-template npm install npm run dev 运行成功后的效果安装style-loader处理器因为vue-admin-template项目是添加过sass-loader依赖的，所以不用我们再次安装，在上一步就已经安装好了。 npm install style-loader --save-dev 创建主题文件在src目录下创建theme-chalk、theme-light主题文件夹在两个主题目录下创建index.useable.scss文件在index.useable.scss中写入样式 // theme-chalk/index.useable.scss body {

ElementUI快速入门

阅读更多关于 ElementUI快速入门

https://blog.csdn.net/itcats_cn/article/details/85644226 本文主要从几个方面快速入门ElementUI 1、什么是ElementUI ？掌握elementUI脚手架搭建 2、掌握elementUI的table组件的使用，实现列表功能 3、掌握elementUI的pagination组件的使用，实现分页功能 4、掌握elementUI的form相关组件的使用，实现条件查询功能 5、掌握elementUI的dialog组件和$message的使用，实现弹出窗口和消息提示功能 6、掌握elementUI的select组件的使用，实现下拉列表功能实现新增数据和修改数据的功能 7、掌握confirm的使用，实现询问框，实现删除功能 1、什么是ElementUI？ Element 饿了么前端出品的一套基于 Vue 2.0 的桌面端组件库官网: http://element.eleme.io/#/zh-CN 1.1、搭建elementUI脚手架(vue-admin-template) # Clone project git clone https://github.com/PanJiaChen/vue-admin-template.git # Install dependencies npm install # Serve with