一起学Vue:路由(vue-router)

前言 学习vue-router就要先了解路由是什么?前端路由的实现原理?vue-router如何使用?等等这些问题,就是本篇要探讨的主要问题。 vue-router是什么 路由是什么? 大概有两种说法:从路由的用途上来解释路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同。从路由的实现原理上 ... »

一起学Vue:访问API(axios)

目标 使用Vue+ElementUI+axios构建一个非常简单CRUD应用程序,以便您更好地了解它的工作方式。 什么是 axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 安装axios 我们使用 NPM 进行安装 npm install ... »

一起学Vue:UI框架(element-ui)

目标 使用Vue+ElementUI构建一个非常简单CRUD应用程序,以便您更好地了解它的工作方式。 效果页面 比如我们要实现这样列表、新增、编辑三个页面: 列表页面 新增页面 编辑页面 安装element 我们使用 vue-cli@3 进行安装 vue add element 列表组件(TodoL ... »

一起学Vue:CRUD(增删改查)

目标 使用Vue构建一个非常简单CRUD应用程序,以便您更好地了解它的工作方式。 效果页面 比如我们要实现这样列表、新增、编辑三个页面: 列表页面 新增页面 编辑页面 我们把这些用户信息保存到Todos的数组中,然后增删改查就在这个数组上进行: Todos: [{ Name: "遛狗" }, { N ... »

一起学Vue:入门

Why-为什么需要Vue? 前端开发存在的问题? 其一,需求变化频率更高 产品功能迭代前端肯定需要跟着调整。 提意见的人多,前端嘛谁都能看得见,所以,谁都可以指手画脚提一点意见。产品经理、项目经理、老板...甚至连后端都可以来提一些意见。 前端像人的衣着,还是需要经常更换。 其二,平台、浏览器生态复 ... »

手把手教你AspNetCore WebApi:Nginx(负载均衡)

前言 这几天小明又有烦恼了,系统上线一段时间后,系统性能出现了问题,缓存等都用上了,还是不能解决问题。马老板很大气,又买了3台服务器,让小明做个集群分流一下。 集群是什么? 是一种计算机系统,它通过一组松散集成的计算机软件或硬件连接起来高度紧密地协作完成计算工作。将多个物理机器组成一个逻辑计算机,实 ... »

手把手教你AspNetCore WebApi:缓存(MemoryCache和Redis)

前言 这几天小明又有烦恼了,系统上线一段时间后,系统性能出现了问题,马老板很生气,叫小明一定要解决这个问题。性能问题一般用什么来解决呢?小明第一时间想到了缓存。 什么是缓存 缓存是实际工作中非常常用的一种提高性能的方法。 缓存可以减少生成内容所需的工作,从而显著提高应用程序的性能和可伸缩性。 缓存最 ... »

手把手教你AspNetCore WebApi:认证与授权

前言 这几天小明又有烦恼了,之前给小红的接口没有做认证授权,直接裸奔在线上,被马老板发现后狠狠的骂了一顿,赶紧让小明把授权加上。赶紧Baidu一下,发现大家都在用JWT认证授权,这个倒是挺适合自己的。 什么是Token Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后 ... »

手把手教你AspNetCore WebApi:数据验证

前言 小明最近又遇到麻烦了,小红希望对接接口传送的数据进行验证,既然是小红要求,那小明说什么都得满足呀,这还不简单嘛。 传统验证 [HttpPost] public async Task<ActionResult<Todo>> PostTodo(Todo todo) { if (string.IsN ... »

手把手教你AspNetCore WebApi:Serilog(日志)

前言 小明目前已经把“待办事项”功能实现了,API文档也搞定了,但是马老板说过,绝对不能让没有任何监控的项目上线的。 Serilog是什么? 在.NET使用日志框架第一时间会想到NLog或是Log4Net,Serilog 是这几年快速崛起的Log框架之一,Serilog是以Structured lo ... »

手把手教你AspNetCore WebApi:增删改查

前言 小明已经创建与运行了WebApi项目,了解项目结构有哪些组成,并学会了怎么发布到IIS。基础已经建好,从现在开始要真正实现待办事项的功能了。 新建表 CREATE TABLE [dbo].[Todo]( [Id] [uniqueidentifier] NOT NULL, [Name] [nva ... »

手把手教你AspNetCore WebApi:入门

需求 前几天,马老板给小明和小红一个“待办事项”网站,小明负责后端,小红负责前端,并要求网站可以同时在 Windows、和 Linux 上运行。 小明整理了一下“待办事项”的功能清单: 获取所有待办事项 按 ID 获取项 添加新项 更新现有项 删除项 创建 Web 项目 从“文件”菜单中选择“新建” ... »

手把手教你ASP.NET Core:使用Entity Framework Core进行增删改查

新建表Todo,如图 添加模型类 在“解决方案资源管理器”中,右键单击项目。 选择“添加” > “新建文件夹”。 将文件夹命名为 Models。 右键单击 Models 文件夹,然后选择“添加” > “类” 。 将类命名为 Todo,然后选择“添加”。 using System; namespace ... »