# vue搭建后台管理界面模版(PC端)
------------------------
<img src="./static/gif.gif" width="100%" height="519px"/>
#### 技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont
#### 项目预览
[http://nmgwap.gitee.io/vueproject/#/login](http://nmgwap.gitee.io/vueproject/#/login)
#### 说明
> 本项目主要用于熟悉如何用 vue2 架构一个后端管理平台项目
> 为了方便后期修改使用,模拟数据在页面中,具体修改看下面【强调】
> 如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
> 或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
> 开发环境 w7 Chrome 61
> 如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍
#### 目录结构
------------------------
```bash
├── /build/ # 项目构建(webpack)相关配置
├── /config/ # 项目开发环境配置
├── /src/ # 源码目录
│ ├── /api/ # 请求
│ ├── /assets/ # 组件静态资源(图片)
│ ├── /components/ # 公共组件
| ├── /api/ # 请求接口
│ ├── /router/ # 路由配置
│ ├── /vuex/ # vuex状态管理
│ ├── /views/ # 路由组件(页面维度)
│ ├── /config/ # 接口配置文件(请求地址)
│ ├── App.vue # 组件入口
│ └── main.js # 程序入口
├── /static/ # 非组件静态资源
├── .babelrc # ES6语法编译配置
├── .editorconfig # 定义代码格式
├── .eslintignore # ES6规范忽略文件
├── .eslintrc.js # ES6语法规范配置
├── .gitignore # git忽略文件
├── index.html # 页面入口
├── package.json # 项目依赖
└── README.md # 项目文档
```
#### 强调
项目请求已经改为假数据,例如:
``` bash
// 模拟数据开始
let res = {
code: 0,
msg: null,
count: 12,
data: [
{
addUser: '1',
editUser: '1',
addTime: null,
editTime: 1527411068000,
userId: 1,
systemNo: 'pmd',
userName: 'root',
userPassword: 'e10adc3949ba59abbe56e057f20f883e',
userRealName: '超级管理员',
userSex: '女',
userMobile: '138123456789',
userEmail: '111@qq.com',
isLock: 'N',
deptId: 1,
deptName: 'xxxx',
roleId: 1
}
]
}
this.loading = false
this.userData = res.data
// 分页赋值
this.pageparm.currentPage = this.formInline.page
this.pageparm.pageSize = this.formInline.limit
this.pageparm.total = res.count
// 模拟数据结束
/***
* 调用接口,注释上面模拟数据 取消下面注释
*/
// 获取用户列表
// userList(parameter).then(res => {
// this.loading = false
// if (res.success == false) {
// this.$message({
// type: 'info',
// message: res.msg
// })
// } else {
// this.userData = res.data
// // 分页赋值
// this.pageparm.currentPage = this.formInline.page
// this.pageparm.pageSize = this.formInline.limit
// this.pageparm.total = res.count
// }
// })
```
把模拟数据开始到结束注释掉,下面解除注释即可,
接口地址需要修改config/index.js文件 dev
``` bash
proxyTable: {
'/api': {
target: 'http://xxx.xxx.xxx.xxx:xxx', // 你请求的第三方接口
changeOrigin: true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite: { // 路径重写,
'^/api': '/api' // 替换target中的请求地址,也就是说以后你在请求http://api.jisuapi.com/XXXXX这个地址的时候直接写成/api即可。
}
}
},
```
#### 完成功能
- [x] 登录 -- 完成
- [x] 路由拦截 -- 完成
- [x] 商品管理(增加、编辑、搜索、删除) -- 完成
- [x] 角色管理(增加、编辑、搜索、删除、权限管理) -- 完成
- [x] 交易订单(增加、编辑、搜索、删除) -- 完成
- [x] 用户管理(增加、编辑、搜索、删除、数据权限、刷新缓存) -- 完成
- [x] 支付配置(增加、编辑、搜索、删除) -- 完成
- [x] 系统环境变量(增加、编辑、搜索、删除) -- 完成
- [x] 权限管理(增加、编辑、搜索、删除、配置权限) -- 完成
- [x] 菜单管理(增加、编辑、搜索、删除) -- 完成
- [x] 公司管理(增加、编辑、搜索、删除) -- 完成
#### 部分截图
------------------------
商品管理
![商品管理](./static/商品管理.png "商品管理")
角色管理
![角色管理](./static/角色管理.png "角色管理")
交易订单
![交易订单](./static/交易订单.png "交易订单")
编辑
![编辑](./static/编辑.png "编辑")
用户管理
![用户管理](./static/用户管理.png "用户管理")
支付配置
![支付配置](./static/支付配置.png "支付配置")
展开与压缩
![展开与压缩](./static/展开与压缩.png "展开与压缩")
#### 运行项目
------------------------
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
没有合适的资源?快使用搜索试试~ 我知道了~
C#物流信息管理系统源码.zip
共410个文件
cs:126个
dll:52个
vue:46个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 2 下载量 60 浏览量
2022-06-15
18:35:20
上传
评论
收藏 13.79MB ZIP 举报
温馨提示
C#物流信息管理系统源码.zip
资源详情
资源评论
资源推荐
收起资源包目录
C#物流信息管理系统源码.zip (410个子文件)
.babelrc 230B
Logistics_information.csproj.BuildWithSkipAnalyzers 0B
Logistics.MODEL.csproj.BuildWithSkipAnalyzers 0B
Logistics.BLL.csproj.BuildWithSkipAnalyzers 0B
Logistics.DAL.csproj.BuildWithSkipAnalyzers 0B
Logistics_information.csproj.AssemblyReference.cache 181KB
Logistics_information.csprojAssemblyReference.cache 104KB
Logistics.BLL.csproj.AssemblyReference.cache 103KB
Logistics.DAL.csproj.AssemblyReference.cache 102KB
Logistics.MODEL.csproj.AssemblyReference.cache 101KB
Logistics_information.assets.cache 42KB
Logistics.MODEL.assets.cache 42KB
Logistics.BLL.assets.cache 42KB
Logistics.DAL.assets.cache 42KB
Logistics.MODEL.csprojAssemblyReference.cache 21KB
project.nuget.cache 12KB
project.nuget.cache 12KB
project.nuget.cache 12KB
project.nuget.cache 12KB
Logistics.DAL.csprojAssemblyReference.cache 2KB
Logistics.BLL.csprojAssemblyReference.cache 424B
Logistics_information.genruntimeconfig.cache 41B
Logistics_information.AssemblyInfoInputs.cache 41B
Logistics_information.csproj.CoreCompileInputs.cache 41B
Logistics_information.RazorTargetAssemblyInfo.cache 41B
Logistics.MODEL.genruntimeconfig.cache 41B
Logistics.MODEL.csproj.CoreCompileInputs.cache 41B
Logistics.MODEL.AssemblyInfoInputs.cache 41B
Logistics.BLL.AssemblyInfoInputs.cache 41B
Logistics.BLL.csproj.CoreCompileInputs.cache 41B
Logistics.DAL.csproj.CoreCompileInputs.cache 41B
Logistics.DAL.AssemblyInfoInputs.cache 41B
Logistics_information.MvcApplicationPartsAssemblyInfo.cache 0B
Logistics_information.StaticWebAssets.Manifest.cache 0B
applicationhost.config 78KB
Logistics_information.csproj.CopyComplete 0B
Logistics.BLL.csproj.CopyComplete 0B
Logistics.DAL.csproj.CopyComplete 0B
LogisticsContext.cs 28KB
LogisticsContext.cs 28KB
shoppingDb.cs 28KB
Manual_scheduling.cs 9KB
Substation_management.cs 6KB
SQLauto.cs 5KB
SQLmission.cs 5KB
Startup.cs 4KB
SQLorder.cs 4KB
Warehousing_Registration.cs 4KB
Return_Goods.cs 3KB
Void_Invoice.cs 3KB
SqlRwdXq.cs 3KB
sqlCommodity_Classification.cs 3KB
SqlOrder.cs 2KB
sqlTransfer_doc.cs 2KB
OrderManagerController.cs 2KB
BLLauto.cs 2KB
Commodity_ClassificationController.cs 2KB
Manual_schedulingController.cs 2KB
Transfer_Receipt.cs 2KB
sqldal.cs 2KB
Substation_managementController.cs 2KB
BllManual_scheduling.cs 2KB
BLLCommodity_Classification.cs 2KB
BLLorder.cs 2KB
Customer_information.cs 2KB
SqlRwd.cs 1KB
Transfer_docController.cs 1KB
sqlPayment_query.cs 1KB
Warehousing_RegistrationController.cs 1KB
BllSubstation_management.cs 1KB
RWDController.cs 1KB
Void_InvoiceController.cs 1KB
BllTransfer_Receipt.cs 1KB
Transfer_ReceiptController.cs 1KB
Customer_inquiryController.cs 1KB
Return_GoodsController.cs 1KB
Sqlxdcx.cs 1KB
MissionController.cs 1KB
Order_statusController.cs 1KB
sqlCX.cs 1KB
BllVoid_Invoice.cs 1KB
BllReturn_Goods.cs 1KB
Order.cs 1KB
Order.cs 1KB
BllCustomer_information.cs 1KB
Logistics_information.AssemblyInfo.cs 1023B
BLLmission.cs 1019B
Logistics.MODEL.AssemblyInfo.cs 1005B
Logistics.BLL.AssemblyInfo.cs 999B
Logistics.DAL.AssemblyInfo.cs 999B
AutoflitController.cs 988B
ICommodity_Classification.cs 983B
Payment_queryController.cs 974B
BllWarehousing_Registration.cs 963B
orderController.cs 949B
bll.cs 946B
BLLTransfer_doc.cs 860B
Goodsme.cs 832B
Goodsme.cs 826B
IManual_scheduling.cs 742B
共 410 条
- 1
- 2
- 3
- 4
- 5
「已注销」
- 粉丝: 792
- 资源: 3613
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论2