基于vue的个人文档中心
基于vue的个人文档中心
由于最近在学vue的开发,于是便动手做了一个简单基于muse-ui和element-ui的vue-demo--主要功能是一个个人的文档管理中心,功能正在完善,需要慢慢学习~~~
项目地址 github.com/JiaXingBinggan/PDoc-vue.git(项目所用到的技术及部署在项目地址的readme.md文件已经注明)
整个web框架为vue+nodeJs(express)+mongodb
该项目包括了简单的session登录注册、信息查看、信息修改、密码修改、文档的增删改查等内容
项目的部分效果图:
登录页面:
![](http://upload-images.jianshu.io/upload_images/6319843-45c1d1ff85bd96c5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
注册页面:
![](http://upload-images.jianshu.io/upload_images/6319843-88e1c6fd1762a93a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
用户信息页面:
![](http://upload-images.jianshu.io/upload_images/6319843-e7be58837f8a8c22.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/6319843-c90a858adabca6cc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
首页页面:
![](http://upload-images.jianshu.io/upload_images/6319843-78dda9f47b8fb752.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
文档管理页面:
![](http://upload-images.jianshu.io/upload_images/6319843-bba368b068b07107.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/6319843-648e9c74ad03081c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)