一 本系列隨筆概覽及產生的背景
近階段接到一些b/s類型的軟件項目，但是團隊成員之前大部分沒有這方面的開發經驗，於是自己選擇了一套目前網上比較容易上手的開發框架（FineUI），計划錄制一套視頻講座，來講解如何利用FineUI快速開發一個小型的b/s結構的管理系統，已達到幫助團隊成員快速掌握b/s結構信息系統的開發方法。
源碼位置：https://github.com/kamiba/FineUIDemo
源碼下載辦法：安裝SVN客戶端(本文最后提供下載地址)，然后checkout以下的地址：https://github.com/kamiba/FineUIDemo.git
初學者應先下載源代碼，然后對照視頻，一步一步跟着做。
演示地址：http://42.121.4.78:8055/ 用戶名和密碼 均為admin
作者計划將本系列博文+視頻做成一個Step by Step系列，請初級讀者關注，高手繞道。目錄擬定如下：
2.系統需求及數據庫設計；
3.產品分類信息管理之列表顯示及數據刪除，附帶說明三層架構用法，數據庫分頁實現方法。
4.產品分類信息管理之新增記錄和修改記錄，使用代碼比較工具Beyond Compare進行代碼比較
5.加工人員，產品信息管理（如何基於已開發完成的產品分類信息管理模塊，采取拷貝，粘貼，批量替換的方式快速完成其他模塊的開發）。
6.取貨管理，送貨管理，取送貨統計，支付管理，支付統計（grid控件，分頁，數據表查詢）
7.將取送貨管理系統整合進AppBox2.0（AppBox是使用FineUI開發的開源的通用權限管理框架，目前最新版本是3.0）。
二 為什么采用視頻的方式講解
缺點：
1.不利於SEO。
優點：
1.視頻的方式相對寫技術博文的效率更高（語音比文字在同樣的時間內可以傳達更多的信息）；
2.講述內容的性質決定的（這個系列的視頻是從頭開始講解一個小型web系統是如何開發出來的，雖然沒有什么高深的技術，但是涉及到很多開發中常用的技巧，比較適合初學者。采用視頻的方式可以更加詳細的把這些細節內容展現出來）。
三 第4節視頻的主要內容簡介
1.如何新增一條記錄;
2.如何修改一條記錄；
3.如何在iframe中加載新增、修改頁面；
4.頁面間傳值的實現原理；
5.代碼比較工具Beyond Compare的使用；
四 前四節視頻下載地址及常用工具下載地址
1.FineUI+動軟代碼生成器開發一個b/s結構的取送貨管理信息系統第一節
2.FineUI+動軟代碼生成器開發一個b/s結構的取送貨管理信息系統第二節
3.FineUI+動軟代碼生成器開發一個b/s結構的取送貨管理信息系統第三節
4.產品分類信息管理之新增記錄和修改記錄，使用代碼比較工具Beyond Compare進行代碼比較
五 第五節視頻內容預告
1.如何基於已有的模塊（分類信息管理），通過拷貝，粘貼，字符串替換的方式快速實現其他模塊（比如加工人員管理）的增刪改查。