基于Asp.Net Core + Vue.js 项目实战

简介

一个用于练手的前后端分离的小Demo,基于Asp.Net Core + Vue.js 实现的一个小日记功能!

项目效果

登录注册页面

基于Asp.Net Core + Vue.js 项目实战

基于Asp.Net Core + Vue.js 项目实战

页面首页

基于Asp.Net Core + Vue.js 项目实战

个人日记管理页面

其中日记都做了分页功能,默认设置为5个一页!
基于Asp.Net Core + Vue.js 项目实战

单篇日记查看

基于Asp.Net Core + Vue.js 项目实战

添加编辑页面

采用了 wangEditor 富文本编辑器,不过暂时没有加入上传图片和视频的功能!
基于Asp.Net Core + Vue.js 项目实战

简单的用户功能

基于Asp.Net Core + Vue.js 项目实战

基于Asp.Net Core + Vue.js 项目实战

基于Asp.Net Core + Vue.js 项目实战

结尾

  • 整体项目用户认证的实现是通过JWT的方式
  • 前端项目中采用vuex的方式来管理用户登陆状态
  • 前端中是通过设置了代理的方式来访问后端接口