MVC项目学习总结

最新推荐文章于 2023-05-09 10:49:26 发布

VIP文章六羚羊

最新推荐文章于 2023-05-09 10:49:26 发布

阅读量949

点赞数 2

分类专栏： C#

本文链接：https://blog.csdn.net/qq_44554890/article/details/88748381

版权

开发工具与关键技术：VS MVC

作者：陈芝番

撰写时间：2019.3.22

思路：创建登陆界面——构建模板——导入数据——页面嵌套—页面数据绑定—跳转页面传输数据—构建模态框—创建工作簿Excel--完善模板内容

基础点：查询，新增，修改，删除

1.layui

├─css //css目录

│ │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：）

│ │ ├─laydate

│ │ ├─layer

│ │ └─layim

│ └─layui.css //核心样式文件

├─font //字体图标目录

├─images //图片资源目录（目前只有layim和编辑器用到的GIF表情）

│─lay //模块核心目录

│ └─modules //各模块组件

│─layui.js //基础核心库

└─layui.all.js //包含layui.js和所有模块的合并文件

2.Layui表格使用

table 模块是我们的又一走心之作，在 layui 2.0 的版本中全新推出，是 layui 最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右，支持拖拽改变列宽度，支持排序，支持多级表头，支持单元格的自定义模板，支持对表格重载（比如搜索、条件筛选等），支持复选框，支持分页，支持单元格编辑等等一些列功能。

快速使用：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>table模块快速使用</title>
//第一：样式引用
<link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body>
//第二：构建表格
<table id="demo" lay-filter="test"></table>
//第三：引用js
<script src="/layui/layui.js"></script>
<script>
//第四：渲染方法
layui.use('table', function(){
var table = layui.table;

//第一个实例
table.render({
elem: '#demo'
,height: 312
,url: '/demo/table/user/' //数据接口
,page: true //开启分页
,cols:

最低0.47元/天解锁文章

六羚羊

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
MVC项目学习总结

开发工具与关键技术：VS MVC作者：陈芝番撰写时间：2019.3.22思路：创建登陆界面——构建模板——导入数据——页面嵌套—页面数据绑定—跳转页面传输数据—构建模态框—创建工作簿Excel--完善模板内容基础点：查询，新增，修改，删除1.layui├─css //css目录│ │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，...
复制链接

扫一扫