简介

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

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

项目效果

登录注册页面

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

注册页面

页面首页

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

个人日记管理页面

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

单篇日记查看

日记查看

添加编辑页面

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

简单的用户功能

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

在这里插入图片描述

结尾

  • 整体项目用户认证的实现是通过JWT的方式
  • 前端项目中采用vuex的方式来管理用户登陆状态
  • 前端中是通过设置了代理的方式来访问后端接口
GitHub 加速计划 / vu / vue
105
18
下载
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 年前
Logo

新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐