包邮低代码JS UI构件实现WEB前端快速开发(微课视频版)

第1章JavaScript与HTML基础1
1.1JavaScript概述1
1.1.1历史1
1.1.2作用与用法1
1.1.3调试工具2
1.2语法3
1.2.1变量3
1.2.2运算符4
1.2.3语句4
1.2.4方法4
1.2.5思考题11: 输出多语言的Hello world6
1.3数组7
1.3.1定义数组7
1.3.2数组常见操作方法8
1.3.3二维数组映射数据表9
1.3.4思考题12: 根据姓名查找同学录中的同学信息10
1.4枚举11
1.4.1定义枚举11
1.4.2枚举取值与赋值12
1.4.3思考题13: 枚举实现中文编程12
1.5JSON数据交换14
1.5.1JSON的基本概念14
1.5.2JSON常见操作14
1.5.3思考题14: 用JSON克隆一个枚举14
1.6面向对象与类15
1.6.1面向对象的基本概念15
1.6.2JavaScript定义类15
1.6.3类的实例化与方法调用16
1.6.4思考题15: 对同学录进行增删改查16
1.7HTML展示数据19
1.7.1HTML的基本概念19
1.7.2HTML主要元素标签列表20
1.7.3JavaScript输出和读取HTML内容20
1.7.4思考题16: 用table标签显示同学录21
1.8事件22
1.8.1事件的种类22
1.8.2HTML元素绑定事件23
1.8.3思考题17: 单击同学录的表头进行排序24
1.9小结25
第2章JavaScript与前端低代码UI框架26
2.1基础概念26
2.1.1B/S架构风格的基本概念26
2.1.2前端UI的基本概念27
2.1.3低代码编程的基本概念27
2.2前端低代码框架28
2.2.1框架、构件与组件28
2.2.2下画线构件介绍28
2.2.3美元构件介绍29
2.2.4多语言构件介绍31
2.3低代码框架调试环境32
2.3.1免下载在线调试32
2.3.2下载demo后本机调试32
2.3.3安装Web服务器后局域网调试33
2.3.4从文件和文件夹数量辨别低代码框架34
2.4JavaScript调用低代码组件速览36
2.4.1低弹窗的布局组件36
2.4.2实现富客户端与计算前置的显示组件36
2.4.3低跳转输入组件38
2.4.4低代码组件如何易学、易记、易用39
2.5低代码pc.htm中JavaScript与HTML交互40
2.5.1文件与编码40
2.5.2htm文件头40
2.5.3htm文件编辑器41
2.5.4思考题21: 将JavaScript内容放到pc.htm中42
2.6JavaScript调用方法组件43
2.6.1元素类方法43
2.6.2外观类方法43
2.6.3日期类方法43
2.6.4Cookie类方法44
2.7小结45
第3章低弹窗JavaScript布局组件46
3.1层组件46
3.1.1层组件中数组A的结构47
3.1.2层组件中参数P的含义48
3.1.3层组件的公有方法49
3.1.4案例31: 系统中心化布局源代码与图例49
3.1.5案例32: Web站点多层布局源代码与图例51
3.1.6思考题31: 同学录pc.htm的布局方法51
3.2按钮组件52
3.2.1按钮组件中数组A的结构53
3.2.2按钮组件中参数P的含义53
3.2.3按钮组件的公有方法54
3.2.4按钮触摸或者单击事件54
3.2.5案例33: 按钮组件对一行按钮布局55
3.2.6思考题32: 实现美团的多行按钮阵列布局55
3.3工具条组件57
3.3.1工具条组件中数组A的结构58
3.3.2工具条组件中参数P的含义58
3.3.3案例34: 顶部工具条与单击事件的源代码与图例59
3.3.4案例35: 低弹窗、低单击的二级菜单60
3.3.5思考题33: 网站的导航栏62
3.4标签组件63
3.4.1标签组件中数组A的结构63
3.4.2标签组件中参数P的含义64
3.4.3标签组件设置click事件65
3.4.4标签组件的公有方法65
3.4.5案例36: 实现带选择框的标签布局66
3.4.6案例37: 使用标签嵌套实现两层标签66
3.4.7思考题34: 从树形结构数组创建两层标签68
3.5小结69
第4章计算前置的JavaScript显示组件70
4.1网格组件70
4.1.1网格组件中数组A的结构71
4.1.2网格组件中参数P的含义71
4.1.3网格组件设置click事件73
4.1.4网格组件的公有方法74
4.1.5案例41: 同学录与排序74
4.1.6扩展功能: 显示两层表头76
4.1.7思考题41: 单击单元格显/隐工具条77
4.2列表组件78
4.2.1列表组件中数组A的结构79
4.2.2列表组件中参数P的含义79
4.2.3列表组件设置click事件80
4.2.4列表组件的公有方法80
4.2.5案例42: 学生照片列表81
4.2.6案例43: 多张图片以幻灯片展示83
4.2.7思考题42: 列表组件与工具条组件的互动84
4.3幻灯片组件86
4.3.1幻灯片组件中数组A的结构86
4.3.2幻灯片组件中参数P的含义86
4.3.3幻灯片组件设置click事件87
4.3.4幻灯片组件的公有方法87
4.3.5案例44: 在网站首页中展示幻灯片87
4.4播放器组件89
4.4.1播放器组件中数组A的结构89
4.4.2播放器组件中参数P的含义90
4.4.3播放器组件设置click事件90
4.4.4案例45: 新闻文章播放器91
4.5使用CSS自定义显示样式92
4.5.1CSS样式简介93
4.5.2列表设置单元格样式93
4.5.3播放器设置单元格样式95
4.5.4通用模板样式设置96
4.6小结99
第5章低跳转JavaScript输入组件100
5.1输入组件100
5.1.1输入组件中数组A的结构100
5.1.2输入组件中参数P的含义102
5.1.3输入组件定义表单提交事件102
5.1.4案例51: 显示并修改学生详细信息103
5.1.5案例52: 多张图片上传与修改105
5.1.6思考题51: 下拉标签中使用关联表数据106
5.2选择器组件109
5.2.1选择器组件中数组A的结构109
5.2.2选择器组件中参数P的含义110
5.2.3选择器组件定义表单提交事件110
5.2.4案例53: 购物车111
5.2.5案例54: 选择商品时添加备注113
5.2.6思考题52: 用选择器实现简易进销存系统114
5.3网格组件的编辑功能118
5.3.1网格组件的P参数的编辑功能属性118
5.3.2案例55: 类Excel批量编辑同学录119
5.3.3思考题53: 班级与学生信息的自动联动121
5.4Ajax组件123
5.4.1Ajax技术的基本概念124
5.4.2Ajax组件中参数P的含义124
5.4.3案例56: 查看Ajax提交的数据125
5.5小结126
第6章会员预订消费管理系统127
6.1系统工程与需求分析127
6.1.1创建工程文件夹127
6.1.2创建工程文件128
6.1.3功能需求分析129
6.1.4前端页面布局与工具条设计129
6.2美元构件与数据逻辑设计131
6.2.1房间和位置的属性与第1行表头131
6.2.2分类和商品的属性与第1行表头132
6.2.3供应商和会员的属性与第1行表头133
6.2.4预订单和预订明细的属性与第1行表头134
6.2.5进货和盘点的属性与第1行表头135
6.3pc.htm页面概要设计136
6.3.1在多语言构件lg.js中实现中英文对照136
6.3.2保存图标到ico文件夹138
6.3.3设计并预览pc.htm138
6.3.4日历组件141
6.4工具条枚举中完成功能详细设计142
6.4.1预订功能设计143
6.4.2预订记录管理设计145
6.4.3实时位置图设计149
6.4.4进货功能设计150
6.4.5盘点功能设计154
6.5测试与发布156
6.5.1用Excel准备静态测试用例156
6.5.2用JavaScript数组保存初始化数据157
6.5.3打开枚举P参数中的debug调试158
6.5.4发布系统前端158
6.6小结166
第7章低代码框架的前后端交互167
7.1前后端交互概述167
7.1.1传统前后端脚本的耦合方式167
7.1.2低代码框架前后端解耦168
7.1.3前端以透明向后端发送数据总结170
7.1.4前端接收后端发送数据概述171
7.2后端程序读写分离架构171
7.2.1后端程序读写分离的基本概念172
7.2.2前端从后端读取数据172
7.2.3后端写入数据后返回结果给前端173
7.3后端低代码JSP读写模板173
7.3.1缓存refresh.jsp173
7.3.2数据流sqls.jsp175
7.3.3定向查询select.jsp177
7.3.4报表report.jsp178
7.4其他交互181
7.4.1上传图片upload.jsp182
7.4.2日志log.jsp183
7.5小结184
参考文献185