前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十六)项目总结
摘要:可以升级的地方 可以用vue-element-admin后台框架 文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 源码地址:https://github.com/PanJiaChen/vue-element-adm
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十四)项目优化
摘要:项目优化 移除console.log() 开发时不移除,build时移除console.log() vue ui命令 项目上线
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十三)报表开发
摘要:功能分析 效果图 接口定义 代码reports/Report.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十二)订单列表页面
摘要:功能分析 效果图 接口定义 代码orders/Order.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十一)之二 添加商品页面
摘要:功能分析 页面效果图 接口定义 代码goods/Add.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页<
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十一)商品列表管理页面
摘要:功能分析 页面效果 接口定义 代码goods/List.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页<
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(十)分类参数管理页面
摘要:功能分析 效果图 接口定义 代码Params.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-b
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(九)分类管理页面
摘要:功能分析 效果图 接口定义 组件依赖 vue-table-with-tree-grid 树形组件 代码Cat.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(八)角色列表页面
摘要:权限管理分析 代码Roles.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrum
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(七)权限列表页面
摘要:权限列表页面分析 代码 Rights.vue <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-bread
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(六)用户列表页面
摘要:页面分析 后台数据格式 完整代码 <template> <div> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(五)后台主页面
摘要:整体布局 左侧菜单布局 后台主页面代码 <template> <el-container style="height:100vh"> <el-header> <div> <img src="../assets/logo.png" alt /> <span>Vue商城后台管理系统</span> </d
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(三)main入口文件与路由
摘要:项目结构 main.js入口文件 import Vue from 'vue' import App from './App.vue' import router from './router' import './plugins/element.js' //导入全局样式 import './asse
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(四)登录退出功能
摘要:登录功能概述 token原理分析 登录页面布局 ElementUI官网文档地址: https://element.eleme.cn/2.0/#/zh-CN/component/form 代码编写之前先创建功能开发分支 git status //查看当前工作区是否干净 git checkout -b
阅读全文
前后端分离开发vue+Elementyui+abpcorewebapi商城管理系统(二)前端项目初始化
摘要:初始化项目 快速删除node_modules文件夹 cmd 下rmdir /s/q node_modules
阅读全文
前后端分离开发vue+layui+abpcorewebapi商城管理系统(一)总体介绍
摘要:总体介绍 前端vuejs+layui 后端基于core3.1的abpcorewebapi 源码地址:https://github.com/xiewenyu2017/Vue_Element_ShopManage 技术选型 电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的S
阅读全文