随着技术的进步，跨平台开发已经成为了标配，在此大背景下，ASP.NETCore也应运而生。本文主要基于ASP.NETCore+Element+SqlServer开发一个校园图书管理系统为例，简述基于MVC三层架构开发的常见知识点，本系列共五篇文章，前四篇文章介绍了如何搭建开发框架，登录功能，主页面功能，以及书室管理，书架管理，图书管理，图书借还等功能的实现，本篇文章介绍总体涉及知识点以及源码下载等内容，仅供学习分享使用，如有不足之处，还请指正。涉及知识点本系列文章简述了从0到1的项目开发过程，所谓麻雀虽小五脏俱全，要开发一个完整的校园图书管理系统，需要前端，后端，数据库等各方面的知识。主要知识
随着技术的进步，跨平台开发已经成为了标配，在此大背景下，ASP.NETCore也应运而生。本文主要基于ASP.NETCore+Element+SqlServer开发一个校园图书管理系统为例，简述基于MVC三层架构开发的常见知识点，本系列共五篇文章，前四篇文章介绍了如何搭建开发框架，登录功能，主页面功能，以及书室管理，书架管理，图书管理，图书借还等功能的实现，本篇文章介绍总体涉及知识点以及源码下载等内容，仅供学习分享使用，如有不足之处，还请指正。涉及知识点本系列文章简述了从0到1的项目开发过程，所谓麻雀虽小五脏俱全，要开发一个完整的校园图书管理系统，需要前端，后端，数据库等各方面的知识。主要知识
点击确定的时候，判断表格其中某行某值不能为空1、HTML保存取消2、JS//验证属性列表verifyTable(){varresult=truevarmessage=[]this.bankRuleForm.bankRuleList.forEach((item,index)=>{letno=index+1if(item.quantity===undefined){result=result&&falsemessage.push('第'+no+'行：数量不能为空！')}if(item.score===undefined){result=result&&falsemessage.push('第'+n
点击确定的时候，判断表格其中某行某值不能为空1、HTML保存取消2、JS//验证属性列表verifyTable(){varresult=truevarmessage=[]this.bankRuleForm.bankRuleList.forEach((item,index)=>{letno=index+1if(item.quantity===undefined){result=result&&falsemessage.push('第'+no+'行：数量不能为空！')}if(item.score===undefined){result=result&&falsemessage.push('第'+n
按钮：漫游模式样式：/*逗号表示A,B两个标签同时拥有大括号中的CSS样式*/.el-button--primary.is-active,/*active状态：鼠标左键按住按钮，但是没有放开（对应问题部分的3状态）其实按住的时候，hover状态也还在，所以是两个状态共存*/.el-button--primary:active{background:rgb(230,162,60);border-color:rgb(230,162,60);color:#fff;}/*focus状态：获得聚焦时，其实也就是按了左键放开之后，主要用于文本框输入文字时*/.el-button--primary:focu
按钮：漫游模式样式：/*逗号表示A,B两个标签同时拥有大括号中的CSS样式*/.el-button--primary.is-active,/*active状态：鼠标左键按住按钮，但是没有放开（对应问题部分的3状态）其实按住的时候，hover状态也还在，所以是两个状态共存*/.el-button--primary:active{background:rgb(230,162,60);border-color:rgb(230,162,60);color:#fff;}/*focus状态：获得聚焦时，其实也就是按了左键放开之后，主要用于文本框输入文字时*/.el-button--primary:focu
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换图片，则需要将图片删除后重新上传。点击图片上面的放大镜可以查看大图。需要限制图片上传的格式，图片的大小。 组件代码：123upload4:class="{'hidden':mFileList.length>0}"5list-type="picture-card"6:on-rem
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换图片，则需要将图片删除后重新上传。点击图片上面的放大镜可以查看大图。需要限制图片上传的格式，图片的大小。 组件代码：123upload4:class="{'hidden':mFileList.length>0}"5list-type="picture-card"6:on-rem
一、效果图二、代码实现注：需要安装依赖 pnpmisortablejs-Stemplate>divstyle="padding:15px">h3style="text-align:left;padding:10px;background:#ccc">vue+element-ui+sortable.js表格行和列拖拽h3>属性border可实现单元格拖拽获得字段宽度的改变--`@header-dragend`具体参考官网的方法-->el-tableref="dataTable":data="customColumnList"class="customer-table"borderrow-key
一、效果图二、代码实现注：需要安装依赖 pnpmisortablejs-Stemplate>divstyle="padding:15px">h3style="text-align:left;padding:10px;background:#ccc">vue+element-ui+sortable.js表格行和列拖拽h3>属性border可实现单元格拖拽获得字段宽度的改变--`@header-dragend`具体参考官网的方法-->el-tableref="dataTable":data="customColumnList"class="customer-table"borderrow-key
