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

简介

前一段时间开始学习.NetCore,于是想着做一个简单项目出来练手。后端是Asp.Net Core实现对日记的增删改查接口和用户修改信息上传头像的接口,比较简单。 前端采用 Vue.js ,通过Element-UI来实现对界面的布局美化和表单的验证功能,其中token存储于 Local Storage中。

最新后端介绍最新后端重构项目地址

项目效果

登录注册页面

登录成功接口则会返回用户基本信息,vue存储这些信息方便全局展示。
登陆图片

注册页面

页面首页

首页为所有用户的公开日记,创建日记的时候默认开启公布,可在管理日记中修改日记状态来对他人隐藏日记。
页面首页

个人日记管理页面

其中日记都做了分页功能,默认设置为5个一页!
日记管理

单篇日记查看

日记查看

添加编辑页面

采用了 wangEditor 富文本编辑器,不过暂时没有加入上传图片和视频的功能!
在这里插入图片描述

简单的用户功能

用户功能
用户头像文件只能选择一jpg/png文件,且只能选择一个文件。
在这里插入图片描述

在这里插入图片描述

结尾

  • 整体项目用户认证的实现是通过JWT的方式
  • 前端项目中采用vuex的方式来管理用户登陆状态
  • 前端中是通过设置了代理的方式来访问后端接口
  • 13
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值