課程簡介:
1.本課程是一套關(guān)于Web實戰(zhàn)應(yīng)用學(xué)習(xí)的教程,它主要講述的是jQuery LigerUI這框架,它是基于jQuery的一系列UI控件組合,包括表單、表格、提示框、窗口、布局、樹、選項卡等等。可以快速地創(chuàng)建風(fēng)格統(tǒng)一大方的界面。因為是前端控件,跟服務(wù)器無關(guān),可以適合.net,jsp,php等等web服務(wù)器環(huán)境。目前全部插件的打包壓縮JS只有90K,很輕巧。
2.ligerui使用插件式的開發(fā)模式,以“簡單”為原則的設(shè)計,每個插件盡量獨立(如Drag和Resizable),并可依賴拓展,“編輯表格”、“可調(diào)整大小窗口”都說明了這一點。
課程要求:
1.通過學(xué)習(xí)本課題,熟練使用LigerUI 做項目,學(xué)以致用,并且在使用的基礎(chǔ)上進行深層次的開發(fā),寫出新的必要的插件。從而也可以更好地使用本框架,為LigerUI的進一步發(fā)展貢獻自己的力量。?
2.結(jié)合實體類生成器、反射、Linq to sql開發(fā)萬能的數(shù)據(jù)處理后臺,一個后臺頁面來處理所有前臺頁面的數(shù)據(jù)操作,實現(xiàn)萬能的數(shù)據(jù)增加、刪除、修改、查詢。
3.使用表格和樹形控件,結(jié)合Json數(shù)據(jù)格式,使用存儲過程和觸發(fā)器,實現(xiàn)權(quán)限管理功能,并在導(dǎo)航欄、工具欄對其權(quán)限進行控制
4.工作流管理實現(xiàn)。通過表格拖動與css+div,結(jié)合jquery,實現(xiàn)動態(tài)的工作流管理。
5.熟練使用Liger UI的核心控件進行程序的開發(fā),如表格、布局、樹、選項卡、窗口、提示框、彈出框等。
6.針對jquery的無刷新技術(shù)的熟練應(yīng)用。使用post、getJson方法、ajax方法等,將數(shù)據(jù)提交到后臺一般處理程序,然后再回調(diào)。純靜態(tài)前臺頁面,完全無刷新實現(xiàn)。
7.對存儲過程、觸發(fā)器、事務(wù)、系統(tǒng)表、系統(tǒng)存儲過程等數(shù)據(jù)結(jié)構(gòu),能夠熟練的應(yīng)用。熟悉在sql server中的定義和在ado.net中的調(diào)用。
?
課程關(guān)鍵字:Liger UI、純靜態(tài)頁面、萬能數(shù)據(jù)處理后臺、工作流、Json數(shù)據(jù)交互、工作流、實體類生成器。開發(fā)環(huán)境VS2010 + SQL Server 2008 + Liger UI插件
?
?
教學(xué)模式說明:
本教程主要是以組件+demo的形式講解。
1.在每節(jié)開始之前先簡單回顧上一節(jié)所講的內(nèi)容,并對本節(jié)所講的內(nèi)容通過PPT先進性講解,主要講解技術(shù)要點,模塊實現(xiàn)思路等內(nèi)容。然后通過代碼演示給予實現(xiàn)。
2.在講解過程中涉及到項目的實現(xiàn),對項目實現(xiàn)如果涉及到重復(fù)知識點的部分,會給學(xué)員布置一些作業(yè),學(xué)員需要下來自行完成。
3.在講解過程中針對常見的異常,筆者會故意設(shè)置一些小異常,需要通過調(diào)試讓學(xué)員學(xué)會如果分析問題和解決問題,提升軟件開發(fā)技能。
4.本教程,主要分為3部分實現(xiàn)。先實現(xiàn)組件部分的學(xué)習(xí),再進一步學(xué)習(xí)使用專題demo,當(dāng)數(shù)據(jù)完善時,最后展示使用ligerUI組件編寫的集成項目。、課堂講解 + 配套demo + Api文檔+實戰(zhàn)項目,確保每種學(xué)習(xí)方式都適應(yīng)。
?
教學(xué)目標(biāo):
學(xué)員在學(xué)完本課程后,能夠?qū)W習(xí)到ASP.NET技術(shù),前端頁面技術(shù),數(shù)據(jù)庫技術(shù)等并掌握實際Web開發(fā)中的技術(shù)技巧:
熟練掌握面向?qū)ο笏枷搿?br>
熟練掌握ADO.NET編程的兩種模式。
能夠熟練掌握Web開發(fā)中的前端技術(shù)的應(yīng)用。
能夠熟練掌握J(rèn)query框架的應(yīng)用,前端布局。
熟練掌握Liger UI的常用插件與函數(shù),開發(fā)基于Liger UI的應(yīng)用程序
熟練掌握存儲過程、觸發(fā)器等數(shù)據(jù)結(jié)構(gòu)的操作
熟練掌握jquery的無刷新技術(shù)
熟練掌握J(rèn)son數(shù)據(jù)格式的傳遞、序列化與反序列化?
?
預(yù)期學(xué)習(xí)成果:
能夠掌握Liger UI的技術(shù)要點與常用插件,并能Liger UI結(jié)合一般處理程序開發(fā)純靜態(tài)頁面的商業(yè)項目。
能夠?qū)?shù)據(jù)庫技術(shù)有熟練的應(yīng)用。
能夠使用反射、linq to sql開發(fā)萬能的數(shù)據(jù)處理后臺
能夠熟練地運用jquery結(jié)合div+css以展現(xiàn)良好的UI。
第一講:介紹LigerUI ,介紹與ligerui相似的jquery框架(如 Ninja UI,Chico UI,Jquery UI,Jquery Tools,Dwz等不錯的界面框架 )
第二講:介紹LigerUi的導(dǎo)航欄、選項卡、布局控件(ligerAccordion,ligerTab ,ligerLayout),了解其參數(shù)、屬性、事件、方法。
第三講:學(xué)習(xí)LigerUI 的菜單欄和工具欄以及tooltip的智能提示。?
第四講:LigerUI之學(xué)習(xí)LigerUI 的窗口和對話框
第五講:LigerUI之表單及表單控件?
第六講:LigerUI之表單驗證?
第七講:LigerUI之使用jquery的插件和liger ui進行表單驗證?
第八講:LigerUI之表格插件(一)
第九講:LigerUI之表格插件(二)?
第十講:LigerUI之表格插件(三)?
第十一講:LigerUI之表格插件(四)?
第十二講:LigerUI之表格插件(五)?
第十三講:sqlhelper及ado.net?
第十四講:LigerUI之后臺數(shù)據(jù)交互之jQuery中的Ajax
第十五講:LigerUI之后臺數(shù)據(jù)交互之liger ui插件顯示數(shù)據(jù)與json的序列化
第十六講:LigerUI之后臺數(shù)據(jù)交互之萬能的數(shù)據(jù)查詢與數(shù)據(jù)增加?
第十七講:LigerUI之后臺數(shù)據(jù)交互之萬能的數(shù)據(jù)刪除、修改??
第十八講:LigerUI之后臺數(shù)據(jù)交互之表格數(shù)據(jù)分頁與工具欄操作
第十九講:LigerUI之后臺數(shù)據(jù)交互之總結(jié)案例?
第二十講:LigerUI之樹形控件的參數(shù)和后臺遞歸生成樹
第二十一講:LigerUI之樹形控件的方法和事件
項目教學(xué)部分:企業(yè)進銷存管理系統(tǒng)
第二十二講:LigerUI之 系統(tǒng)主界面搭建??
第二十三講:LigerUI之動態(tài)導(dǎo)航欄和選項卡頁面呈現(xiàn)??
第二十四講:LigerUI之萬能列表顯示搭建
第二十五講:LigerUI之linq to sql和反射基礎(chǔ)?
第二十六講:LigerUI之反射與萬能的數(shù)據(jù)插入?
第二十七講:LigerUI之萬能的數(shù)據(jù)刪除?
第二十八講:LigerUI之萬能的數(shù)據(jù)修改?
第二十九講:LigerUI之萬能的數(shù)據(jù)修改與應(yīng)用體驗?
第三十講:LigerUI之增刪改查綜合應(yīng)用
第三十一講:LigerUI之程序搭建與實體類生成器
第三十二講:LigerUI之程序搭建完全演示?
第三十三講:LigerUI之權(quán)限管理(一)?
第三十四講:LigerUI之權(quán)限管理(二)
第三十五講:LigerUI之權(quán)限管理(三)
第三十六講:LigerUI之權(quán)限管理(四)
第三十七講:LigerUI之工作流管理(一)
第三十八講:LigerUI之工作流管理(二)
第三十九講:課程總結(jié)?