基于Asp.Net Core + Vue.js 项目实战
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
简介
前一段时间开始学习.NetCore,于是想着做一个简单项目出来练手。后端是Asp.Net Core实现对日记的增删改查接口和用户修改信息上传头像的接口,比较简单。 前端采用 Vue.js ,通过Element-UI来实现对界面的布局美化和表单的验证功能,其中token存储于 Local Storage中。
最新后端介绍:最新后端重构项目地址
项目效果
登录注册页面
登录成功接口则会返回用户基本信息,vue存储这些信息方便全局展示。

页面首页
首页为所有用户的公开日记,创建日记的时候默认开启公布,可在管理日记中修改日记状态来对他人隐藏日记。
个人日记管理页面
其中日记都做了分页功能,默认设置为5个一页!
单篇日记查看

添加编辑页面
采用了 wangEditor 富文本编辑器,不过暂时没有加入上传图片和视频的功能!
简单的用户功能

用户头像文件只能选择一jpg/png文件,且只能选择一个文件。

结尾
- 整体项目用户认证的实现是通过JWT的方式
- 前端项目中采用vuex的方式来管理用户登陆状态
- 前端中是通过设置了代理的方式来访问后端接口
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
9e887079
[skip ci] 1 年前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。
更多推荐


所有评论(0)