课程简介:
1.本课程是一套关于Web实战应用学习的教程,它主要讲述的是jQuery LigerUI这框架,它是基于jQuery的一系列UI控件组合,包括表单、表格、提示框、窗口、布局、树、选项卡等等。可以快速地创建风格统一大方的界面。因为是前端控件,跟服务器无关,可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有90K,很轻巧。
2.ligerui使用插件式的开发模式,以“简单”为原则的设计,每个插件尽量独立(如Drag和Resizable),并可依赖拓展,“编辑表格”、“可调整大小窗口”都说明了这一点。
课程要求:
1.通过学习本课题,熟练使用LigerUI 做项目,学以致用,并且在使用的基础上进行深层次的开发,写出新的必要的插件。从而也可以更好地使用本框架,为LigerUI的进一步发展贡献自己的力量。
2.结合实体类生成器、反射、Linq to sql开发万能的数据处理后台,一个后台页面来处理所有前台页面的数据操作,实现万能的数据增加、删除、修改、查询。
3.使用表格和树形控件,结合Json数据格式,使用存储过程和触发器,实现权限管理功能,并在导航栏、工具栏对其权限进行控制
4.工作流管理实现。通过表格拖动与css+div,结合jquery,实现动态的工作流管理。
5.熟练使用Liger UI的核心控件进行程序的开发,如表格、布局、树、选项卡、窗口、提示框、弹出框等。
6.针对jquery的无刷新技术的熟练应用。使用post、getJson方法、ajax方法等,将数据提交到后台一般处理程序,然后再回调。纯静态前台页面,完全无刷新实现。
7.对存储过程、触发器、事务、系统表、系统存储过程等数据结构,能够熟练的应用。熟悉在sql server中的定义和在ado.net中的调用。
课程关键字:Liger UI、纯静态页面、万能数据处理后台、工作流、Json数据交互、工作流、实体类生成器。开发环境VS2010 + SQL Server 2008 + Liger UI插件
教学模式说明:
本教程主要是以组件+demo的形式讲解。
1.在每节开始之前先简单回顾上一节所讲的内容,并对本节所讲的内容通过PPT先进性讲解,主要讲解技术要点,模块实现思路等内容。然后通过代码演示给予实现。
2.在讲解过程中涉及到项目的实现,对项目实现如果涉及到重复知识点的部分,会给学员布置一些作业,学员需要下来自行完成。
3.在讲解过程中针对常见的异常,笔者会故意设置一些小异常,需要通过调试让学员学会如果分析问题和解决问题,提升软件开发技能。
4.本教程,主要分为3部分实现。先实现组件部分的学习,再进一步学习使用专题demo,当数据完善时,后展示使用ligerUI组件编写的集成项目。、课堂讲解 + 配套demo + Api文档+实战项目,确保每种学习方式都适应。
教学目标:
学员在学完本课程后,能够学习到ASP.NET技术,前端页面技术,数据库技术等并掌握实际Web开发中的技术技巧:
熟练掌握面向对象思想。
熟练掌握ADO.NET编程的两种模式。
能够熟练掌握Web开发中的前端技术的应用。
能够熟练掌握Jquery框架的应用,前端布局。
熟练掌握Liger UI的常用插件与函数,开发基于Liger UI的应用程序
熟练掌握存储过程、触发器等数据结构的操作
熟练掌握jquery的无刷新技术
熟练掌握Json数据格式的传递、序列化与反序列化
预期学习成果:
能够掌握Liger UI的技术要点与常用插件,并能Liger UI结合一般处理程序开发纯静态页面的商业项目。
能够对数据库技术有熟练的应用。
能够使用反射、linq to sql开发万能的数据处理后台
能够熟练地运用jquery结合div+css以展现良好的UI。
第一讲:介绍LigerUI ,介绍与ligerui相似的jquery框架(如 Ninja UI,Chico UI,Jquery UI,Jquery Tools,Dwz等不错的界面框架 )
第二讲:介绍LigerUi的导航栏、选项卡、布局控件(ligerAccordion,ligerTab ,ligerLayout),了解其参数、属性、事件、方法。
第三讲:学习LigerUI 的菜单栏和工具栏以及tooltip的智能提示。
第四讲:LigerUI之学习LigerUI 的窗口和对话框
第五讲:LigerUI之表单及表单控件
第六讲:LigerUI之表单验证
第七讲:LigerUI之使用jquery的插件和liger ui进行表单验证
第八讲:LigerUI之表格插件(一)
第九讲:LigerUI之表格插件(二)
第十讲:LigerUI之表格插件(三)
第十一讲:LigerUI之表格插件(四)
第十二讲:LigerUI之表格插件(五)
第十三讲:sqlhelper及ado.net
第十四讲:LigerUI之后台数据交互之jQuery中的Ajax
第十五讲:LigerUI之后台数据交互之liger ui插件显示数据与json的序列化
第十六讲:LigerUI之后台数据交互之万能的数据查询与数据增加
第十七讲:LigerUI之后台数据交互之万能的数据删除、修改
第十八讲:LigerUI之后台数据交互之表格数据分页与工具栏操作
第十九讲:LigerUI之后台数据交互之总结案例
第二十讲:LigerUI之树形控件的参数和后台递归生成树
第二十一讲:LigerUI之树形控件的方法和事件
项目教学部分:企业进销存管理系统
第二十二讲:LigerUI之 系统主界面搭建
第二十三讲:LigerUI之动态导航栏和选项卡页面呈现
第二十四讲:LigerUI之万能列表显示搭建
第二十五讲:LigerUI之linq to sql和反射基础
第二十六讲:LigerUI之反射与万能的数据插入
第二十七讲:LigerUI之万能的数据删除
第二十八讲:LigerUI之万能的数据修改
第二十九讲:LigerUI之万能的数据修改与应用体验
第三十讲:LigerUI之增删改查综合应用
第三十一讲:LigerUI之程序搭建与实体类生成器
第三十二讲:LigerUI之程序搭建完全演示
第三十三讲:LigerUI之权限管理(一)
第三十四讲:LigerUI之权限管理(二)
第三十五讲:LigerUI之权限管理(三)
第三十六讲:LigerUI之权限管理(四)
第三十七讲:LigerUI之工作流管理(一)
第三十八讲:LigerUI之工作流管理(二)
第三十九讲:课程总结