开发工具与关键技术：Model View Controller

最新推荐文章于 2022-04-14 21:40:37 发布

C0C0D

最新推荐文章于 2022-04-14 21:40:37 发布

阅读量294

点赞数

分类专栏：学生新手文章标签： java

本文链接：https://blog.csdn.net/C0C0D/article/details/108094572

版权

本文详细介绍了Model View Controller（MVC）设计模式的概念，探讨了其在Java开发中的核心作用。通过拆解模型、视图和控制器的职责，阐述了如何有效地组织代码，提高软件的可维护性和可扩展性。同时，结合实际案例，展示了在Web应用中实现MVC模式的具体步骤和最佳实践。

摘要由CSDN通过智能技术生成

这里写自定义目录标题

开发工具与关键技术：Model View Controller
作者：陈良鑫
撰写时间：2020年8月17日


表格初始化
这是一个应用十分广泛的功能，首先，你得先下载一个jquery-3.2.1.min，
<script src="~/Plugins/jquery-3.2.1.min.js"></script>//引用到你的项目中
var layTable;//声明变量
var tabStudent;//声明变量
$(function () {
      layui.use('table', function () {
      layTable = layui.table; //这个就是声明完成
tabStudent(使用变量) = layTable(表格).render(初始化)({
   elem: '#(表格的放置,要放在哪里的(id))',
   url: "@Url.Content("~/Main/Student")",//控制器的路径,你要在那里查询出表格里的数据
   cols: [[
       { type: "numbers", title: "序号", align: "center" },//这是表格的第一行第一个格子{ field: "studentNumber",(存放数据的数据名称) title: "学生编号",(数据的总名称) align: "center"(水平居中效果) },//第二个格子
       { field: "calssName", title: "班级", align: "center" },
{ templet: studentPicture,(自定义列名称) title: "图片", align: "center", width: 140 },//自定义列
       { templet: customOperate, title: "操作", align: "center", width: 140 },
     ]],
  page: true//这是一个分页
         });
)} 
)}
function studentPicture(方法定义)(rowdata) {
var studentPicture = rowdata.studentPicture;
if (studentPicture != undefined && studentPicture != null && studentPicture != "") {
return '<button type="button" class="layui-btn layui-btn-xs" onclick="onpic(\'' + studentPicture + '\')">查看</button>';//定义的功能/效果
}else {
return "未上传";}}//

///获取选中值
(.)这是类的选择器,class内的所有属性都可以选择,方法是
class="btn btn-outline-success mr-3"这个,就可以(.btn),就可以选择到类所在的标签
(#)id选择器,与类选择器有所不同,类的属性可以相同,并且都能获取到,id它的值可以是任何英文加数字,但只能有一个,比如
<select class="form-control col-9" id="Iclass" name="classID" lay-verify="" lay-search>
<input type="text" class="form-control col-