1、1. 課程計(jì)劃1、門(mén)戶(hù)系統(tǒng)的搭建2、顯示商城首頁(yè)3、內(nèi)容管理系統(tǒng)的實(shí)現(xiàn)a)b)內(nèi)容分類(lèi)管理內(nèi)容管理4、首頁(yè)的輪播圖展示實(shí)現(xiàn)2. 門(mén)戶(hù)系統(tǒng)的搭建2.1.門(mén)戶(hù)系統(tǒng)從廣義上來(lái)說(shuō)，它將各種應(yīng)用系統(tǒng)、數(shù)據(jù)資源和互聯(lián)網(wǎng)資源集成到一個(gè)信息管理之上，并以的用戶(hù)界面提供給用戶(hù)，并建立企業(yè)對(duì)客戶(hù)、企業(yè)對(duì)員工和企業(yè)對(duì)企業(yè)的信息通道，使企業(yè)能夠在企業(yè)和外部的各種信息。門(mén)戶(hù)就是的，通俗的說(shuō)在這里就是首頁(yè)。比如：jd 首頁(yè)，taotao 首頁(yè)，首頁(yè)。門(mén)戶(hù)屬于前臺(tái)系統(tǒng) ：面向廣大的互聯(lián)網(wǎng)網(wǎng)民。系統(tǒng)：面向，入住的商家，使用。2.2. 系統(tǒng)架構(gòu)搭建 taotao-portal-web 工程創(chuàng)建 Maven 工程參考 taota

2、o-manager-web2.3.2. 修改pom.xml 文件4.0.0com.taotaotaotao-parent0.0.1-SNAPSHOTcom.taotaotaotao-portal-web0.0.1-SNAPSHOTwar.springframeworkspring-context.springframeworkspring-beans.springframeworkspring-webmvc.springframeworkspring-jdbc.springframeworkspring-aspects.springframeworkspring-jms.springframe

3、workspring-context-supportjstljstljavax.servletservlet-apiprovidedjavax.servletjsp-apiprovided2.3.3. 配置 web.xmlweb-app xmlns:xsi=xmlns=h/xml/ns/javaeecom.alibabadubbo.springframeworkspring.jtynetty.apache.zookeeperzookeepercom.sgroschupfzkcnt.apache.tomcat.maventomcat7-maven-plugin8082/SEO:搜索引擎優(yōu)化，為了

4、提高的流量，提高在各搜索引擎中的搜索，需要進(jìn)行優(yōu)化，那么可以為站偽靜態(tài)化，以提高。2.3.4. 加入配置文件springmvc.xmlxsi:schemaLocation=h/xml/ns/javaee h/xml/ns/javaee/web-app_2_5.xsdver=2.5taotao-portal-webindex.jspCharacterEncodingFilter.springframework.web.filter.CharacterEncodingFilterencodingutf-8CharacterEncodingFilter/*taotao-portal-web.spri

5、ngframework.web.servlet.DispatcherServletcontextConfigLocationclasspath:spring/springmvc.xml1taotao-portal-web*.htmlperties（添加 log4j 不是必須的），log4j 參考：E:courses淘淘商城01.教案01.參考資料下的 perties搭建后的效果圖：3. 商城首頁(yè)展示首頁(yè)的原型：添加靜態(tài)頁(yè)面及資源。頁(yè)面位置如下：3.1. 功能分析請(qǐng)求的 url：/index參數(shù)：沒(méi)有返回值：String 邏輯視圖3.2. 功能實(shí)現(xiàn)一般：jd,時(shí)直接這里能否直接：（相當(dāng)于，后面部

6、署的時(shí)候?qū)?huì)換成）是否定的，要想實(shí)現(xiàn)此功能，修改：web.xml。添加紅色部分如下：效果如下：4. 內(nèi)容管理系統(tǒng)介紹4.1. 首頁(yè)大位開(kāi)發(fā)實(shí)現(xiàn)分析可以根據(jù)首頁(yè)大位的數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)一張表，進(jìn)行增刪改查管理其他部分的展示內(nèi)容同樣可以設(shè)計(jì)表，進(jìn)行增刪改查存在：位等等），單獨(dú)建立表，進(jìn)行 CRUD 操作，如果每一個(gè)前端展示內(nèi)容（大會(huì)有以下問(wèn)題：位、小首頁(yè)頁(yè)面信息大量堆積，發(fā)布顯的異常繁瑣沉重；內(nèi)容繁雜，管理效率低下；3.許多工作都需要其他技術(shù)配合完成；4.工作量大，擴(kuò)展性差；使用內(nèi)容管理系統(tǒng)解決以上問(wèn)題。4.2. 內(nèi)容管理系統(tǒng)內(nèi)容管理系統(tǒng)（content management system，CMS）是一

7、種位于 WEB 前端（Web 服務(wù)器）和后端辦公系統(tǒng)或流程（內(nèi)容創(chuàng)作、編輯）之間的系統(tǒng)。內(nèi)容的創(chuàng)作、編輯人使用內(nèi)容管理系統(tǒng)來(lái)提交、修改、發(fā)布內(nèi)容。這里指的“內(nèi)容”可能包括員、發(fā)布文件、表格、數(shù)據(jù)庫(kù)中的數(shù)據(jù)甚至等一切你想要發(fā)布到ernet的信息。就是管理前臺(tái)的頁(yè)面和頁(yè)面中的內(nèi)容可以動(dòng)態(tài)展示。4.3. 動(dòng)態(tài)展示分析對(duì)首頁(yè)展示功能進(jìn)行分析，抽取，發(fā)現(xiàn)應(yīng)當(dāng)有以下的字段屬性：有有有標(biāo)題有價(jià)格提示包含大文本類(lèi)型，可以作為公告把首頁(yè)的每個(gè)展示功能（大位，淘淘快報(bào)等），看作是一個(gè)分類(lèi)每個(gè)展示功能里面展示的多條信息，看作是分類(lèi)下的內(nèi)容例如：首頁(yè)大，對(duì)應(yīng)的是大的內(nèi)容分類(lèi)，而大位展示的多張，就是大分類(lèi)下前臺(tái)需要獲取

8、大的，只需要根據(jù)大的 id 查詢(xún)對(duì)應(yīng)的內(nèi)容即可需要一個(gè)內(nèi)容分類(lèi)表和一個(gè)內(nèi)容表。內(nèi)容分類(lèi)和內(nèi)容表是一對(duì)多的關(guān)系。內(nèi)容分類(lèi)表，需要樹(shù)形結(jié)構(gòu)的數(shù)據(jù)。（大分類(lèi)下有小分類(lèi)）內(nèi)容分類(lèi)表：tb_content_category內(nèi)容表：tb_content分類(lèi)表結(jié)構(gòu)：內(nèi)容表結(jié)構(gòu)：來(lái)內(nèi)容信息 CMS 系統(tǒng)。需要有需要?jiǎng)?chuàng)建一個(gè)內(nèi)容服務(wù)系統(tǒng)5. 內(nèi)容服務(wù)系統(tǒng)創(chuàng)建可以參考 taotao-manager 創(chuàng)建。taotao-content：聚合工程打包方式 pom|-taotao-content-erfacejar|-taotao-content-Servicewar/直接依賴(lài) POJO 過(guò)來(lái)/直接依賴(lài)過(guò)來(lái)5.1. t

9、aotao-content5.1.1. Pom 文件4.0.0com.taotaotaotao-parent0.0.1-SNAPSHOTcom.taotaotaotao-content0.0.1-SNAPSHOTpomcom.taotaomon0.0.1-SNAPSHOT5.2. taotao-content-erface5.2.1. Pom 文件project xmlns= xmlns:xsi=.apache.tomcat.maventomcat7-maven-plugin8083/5.3. taotao-content-service5.3.1. Pom 文件4.0.0com.taotao

10、taotao-content0.0.1-SNAPSHOTtaotao-content-erfacecom.taotaotaotao-managojo0.0.1-SNAPSHOTxmlns:xsi=xsi:schemaLocation=4.0.0com.taotaotaotao-content0.0.1-SNAPSHOTtaotao-content-servicewarcom.taotaotaotao-manager-0.0.1-SNAPSHOTcom.taotaotaotao-content-erface0.0.1-SNAPSHOT.springframeworkspring-context.

11、springframeworkspring-beans.springframeworkspring-webmvc.springframeworkspring-jdbc.springframeworkspring-aspects5.4. 框架整合參考 taotao-manager.springframeworkspring-jms.springframeworkspring-context-supportcom.alibabadubbo.springframeworkspring.jtynetty.apache.zookeeperzookeepercom.sgroschupfzkcnt6. Cm

12、s 系統(tǒng)實(shí)現(xiàn)內(nèi)容分類(lèi)管理展示內(nèi)容分類(lèi)a)原型圖b)功能分析請(qǐng)求的 url：/content/category/list請(qǐng)求的參數(shù)：id，當(dāng)前節(jié)點(diǎn)的 id。第一次請(qǐng)求是沒(méi)有參數(shù)，需要給默認(rèn)值“0”響應(yīng)數(shù)據(jù)：List（ResponseBody）Json 數(shù)據(jù)。id:1,text:節(jié)點(diǎn)名稱(chēng),se:open(closed),id:2,text:節(jié)點(diǎn)名稱(chēng) 2,se:open(closed),id:3,text:節(jié)點(diǎn)名稱(chēng) 3,se:open(closed)業(yè)務(wù)邏輯：1、取查詢(xún)參數(shù) id，parentId2、根據(jù) parentId 查詢(xún) tb_content_category，查詢(xún)子節(jié)點(diǎn)列表。 3、得到 L

13、ist4、把列表轉(zhuǎn)換成 Listc)使用逆向工程層d) Service參數(shù)：long parentId返回值：ListServicepublic class ContentCategoryServiceImpl implements ContentCategoryService Autowiredprivate TbContentCategoryMapper contentCategoryMapper;Overridepublic List getContentCategoryList(long parentId) / 1、取查詢(xún)參數(shù)id，parentId/ 2、根據(jù)parentId 查詢(xún)tb

14、_content_category，查詢(xún)子節(jié)點(diǎn)列表。 TbContentCategoryExle exle = new TbContentCategoryExle();/設(shè)置查詢(xún)條件Criteria criteria = exle.createCriteria(); criteria.andParentIdEqualTo(parentId);/執(zhí)行查詢(xún)/ 3、得到ListList list = contentCategoryMapper.selectByExle(exle);/ 4、把列表轉(zhuǎn)換成Listub List resultList = new ArrayList(); for (TbC

15、ontentCategory tbContentCategory : list) EasyUITreeNode node = new EasyUITreeNode(); node.setId(tbContentCategory.getId(); node.setText(tbContentCategory.getName();node.setSe(tbContentCategory.getIsParent()?closed:open);/添加到列表 resultList.add(node);return resultList;e)發(fā)布服務(wù)f)表現(xiàn)層g)服務(wù)Taotao-manager-web依

16、賴(lài) taotao-content-erface 模塊h) ControllerControllerRequestMap(/content/category)public class ContentCategoryController 6.1.2. 新增節(jié)點(diǎn)功能分析請(qǐng)求的 url：/content/category/create請(qǐng)求的參數(shù)： Long parentId String name 響應(yīng)的結(jié)果：json 數(shù)據(jù)，TaotaoResult，其中包含一個(gè)對(duì)象，對(duì)象有 id 屬性，新生產(chǎn)的內(nèi)容分類(lèi) id數(shù)據(jù)結(jié)點(diǎn)之后需要判斷，如果在原結(jié)點(diǎn)是葉子節(jié)點(diǎn)的時(shí)候添加，更新其父節(jié)點(diǎn)（is_parent屬性

17、設(shè)置為 1）業(yè)務(wù)邏輯：1、接收兩個(gè)參數(shù)：parentId、name 2、向 tb_content_category 表中數(shù)據(jù)。a)創(chuàng)建一個(gè) TbContentCategory 對(duì)象Autowiredprivate ContentCategoryService contentCategoryService;RequestMap(/list) ResponseBodypublic List getContentCist( RequestParam(value=id, defaultValue=0) Long parentId) List list = contentCategoryService.

18、getContentCategoryList(parentId);return list;b)c)補(bǔ)全 TbContentCategory 對(duì)象的屬性向 tb_content_category 表中數(shù)據(jù)3、判斷父節(jié)點(diǎn)的 isparent 是否為 true，不是 true 需要改為 true。 4、需要主鍵返回。5、返回 TaotaoResult，其中包裝 TbContentCategory 對(duì)象層可以使用逆向工程。需要添加主鍵返回:注意：修改完代碼后，需要向本地倉(cāng)庫(kù)安裝 taotao-manager-注意去掉分號(hào) 包Service 層參數(shù)：parentId、name返回值：返回 TaotaoR

19、esult，其中包裝 TbContentCategory 對(duì)象Overridepublic TaotaoResult addContentCategory(long parentId, String name) / 1、接收兩個(gè)參數(shù)：parentId、name/ 2、向tb_content_category 表中數(shù)據(jù)。/ a)創(chuàng)建一個(gè)TbContentCategory 對(duì)象TbContentCategory tbContentCategory = new TbContentCategory();/ b)補(bǔ)全TbContentCategory 對(duì)象的屬性 tbContentCategory.se

20、tIsParent(false); tbContentCategory.setName(name); tbContentCategory.setParentId(parentId);/排列序號(hào)，表示同級(jí)類(lèi)目的展現(xiàn)次序，如數(shù)值相等則按名稱(chēng)次序排列。取值范圍:大于零的整數(shù) tbContentCategory.setSortOrder(1);/狀態(tài)?？蛇x值:1(正常),2(刪除) tbContentCategory.setSus(1);tbContentCategory.setCreated(new Date();發(fā)布服務(wù)。表現(xiàn)層請(qǐng)求的 url：/content/category/create請(qǐng)求的

21、參數(shù)： Long parentId String name 響應(yīng)的結(jié)果：json 數(shù)據(jù)，TaotaoResult6.1.3. 內(nèi)容分類(lèi)重命名、刪除RequestMap(/create) ResponseBodypublic TaotaoResult createCategory(Long parentId, String name) TaotaoResult result = contentCategoryService.addContentCategory(parentId, name);return result;tbContentCategory.setUpdated(new Date(

22、);/ c)向tb_content_category 表中數(shù)據(jù)contentCategoryMapper.insert(tbContentCategory);/ 3、判斷父節(jié)點(diǎn)的isparent 是否為 true，不是true 需要改為true。TbContentCategory parentNode = contentCategoryMapper.selectByPrimaryKey(parentId);if (!parentNode.getIsParent() parentNode.setIsParent(true);/更新父節(jié)點(diǎn)contentCategoryMapper.updateBy

23、PrimaryKey(parentNode);/ 4、需要主鍵返回。/ 5、返回TaotaoResult，其中包裝 TbContentCategory 對(duì)象return TaotaoResult.ok(tbContentCategory);重命名請(qǐng)求的 url：/content/category/update參數(shù)：id，當(dāng)前節(jié)點(diǎn) ，重命名后的名稱(chēng)。業(yè)務(wù)邏輯：根據(jù) id 更新。返回值：返回 TaotaoResult.ok()作業(yè)。刪除節(jié)點(diǎn)請(qǐng)求的 url：/content/category/delete/參數(shù)：id，當(dāng)前節(jié)點(diǎn)的 id。響應(yīng)的數(shù)據(jù)：json。TaotaoResult。業(yè)務(wù)邏輯：1、根

24、據(jù) id 刪除。2、判斷父節(jié)點(diǎn)下是否還有子節(jié)點(diǎn)，如果沒(méi)有需要把父節(jié)點(diǎn)的 isparent 改為 false 3、如果刪除的是父節(jié)點(diǎn)，子節(jié)點(diǎn)要級(jí)聯(lián)刪除。兩種解決方案：1）如果判斷是父節(jié)點(diǎn)不允許刪除。2）遞歸刪除。（不會(huì)使用）作業(yè)。內(nèi)容管理功能點(diǎn)分析1、內(nèi)容列表查詢(xún)2、新增內(nèi)容3、編輯內(nèi)容4、刪除內(nèi)容6.2.2. 內(nèi)容列表查詢(xún)請(qǐng)求的 url：/content/query/list參數(shù)：categoryId 分類(lèi)id響應(yīng)的數(shù)據(jù)：json 數(shù)據(jù)total:查詢(xún)結(jié)果總數(shù)量,rowsid:1,title:aaa,subtit EasyUIDataGridResult描述商品數(shù)據(jù) List查詢(xún)的表：tb_c

25、ontent業(yè)務(wù)邏輯：b,.根據(jù)內(nèi)容分類(lèi) id 查詢(xún)內(nèi)容列表。要進(jìn)行分頁(yè)處理。參考商品列表的查詢(xún)。6.2.3. 新增內(nèi)容功能分析新增內(nèi)容，必須指定一個(gè)內(nèi)容分類(lèi)。提交表單請(qǐng)求的 url：/content/save參數(shù)：表單的數(shù)據(jù)。使用 pojo 接收 TbContent返回值：TaotaoResult（json 數(shù)據(jù)）業(yè)務(wù)邏輯：1、把 TbContent 對(duì)象屬性補(bǔ)全。2、向 tb_content 表中3、返回 TaotaoResult數(shù)據(jù)。逆向工程Service參數(shù)：TbContent返回值：TaotaoResultServicepublic class ContentServiceImpl

26、implements ContentService Autowiredprivate TbContentMapper contentMapper;Overridepublic TaotaoResult addContent(TbContent content) /補(bǔ)全屬性 content.setCreated(new Date(); content.setUpdated(new Date();/數(shù)據(jù) contentMapper.insert(content); return TaotaoResult.ok();發(fā)布服務(wù)服務(wù)Toatao-manager-web 工程中。Controller提交表

27、單請(qǐng)求的 url：/content/save參數(shù)：表單的數(shù)據(jù)。使用 pojo 接收 TbContent返回值：TaotaoResult（json 數(shù)據(jù)）Controllerpublic class ContentController Autowiredprivate ContentService contentService;RequestMap(/content/save)作業(yè)6.2.4. 編輯內(nèi)容：選擇一個(gè)復(fù)選框 點(diǎn)擊編輯 ，編輯的頁(yè)面所在的位置：URL: /rest/item/update參數(shù)：表單數(shù)據(jù)（tbContent 來(lái)接收）返回值：taotaoResult業(yè)務(wù)邏輯:根據(jù) id 更

28、新 tbContent可以是逆向工程。（單表）補(bǔ)全其他沒(méi)有更新過(guò)來(lái)的屬性。(created updated)服務(wù)層發(fā)布服務(wù)(前面已經(jīng)發(fā)布過(guò)了)表現(xiàn)層引入服務(wù)（調(diào)用服務(wù)方法，返回）。6.2.5.刪除內(nèi)容位置:ResponseBodypublic TaotaoResult addContent(TbContent content) TaotaoResult result = contentService.addContent(content); return result;URL: /content/delete參數(shù): ids(一個(gè)內(nèi)容 id 拼成的字符串)返回值:taotaoresult業(yè)務(wù)邏輯

29、:根據(jù) ids 的值分割字符串,得到 id 的數(shù)組根據(jù) id 循環(huán)刪除返回 taotaoresult7. 首頁(yè)輪播圖展示taotao-portal-web 工程中，動(dòng)態(tài)展示內(nèi)容信息。前端團(tuán)隊(duì)：負(fù)責(zé) JS，html 等開(kāi)發(fā)。后端團(tuán)隊(duì)：負(fù)責(zé)的開(kāi)發(fā)并提供數(shù)據(jù)給前端。7.1. 功能分析只需要?jiǎng)討B(tài)生成一個(gè) json 數(shù)據(jù)，輪播圖就可以動(dòng)態(tài)展示：taotao-portal-web 工程下的 index.jsp 中：Json 數(shù)據(jù)格式：分析:portal-web需要自己自定義的 POJO 的類(lèi)型數(shù)據(jù)的列表content 服務(wù)層公用的，可以被其他的系統(tǒng)（表現(xiàn)的系統(tǒng)）來(lái)調(diào)用 ；為了通用性：content 服務(wù)層

30、中 獲取 tbcontent 的內(nèi)容列表 即：listportal-web 表現(xiàn)層 需要拿到 tbcontent 的列表，然后進(jìn)行轉(zhuǎn)換成自定義的類(lèi)型的數(shù)據(jù)列表即可。從 tb_content 表中取數(shù)據(jù)，根據(jù)(葉子節(jié)點(diǎn))內(nèi)容分類(lèi) id 查詢(xún)列表(內(nèi)容列表)。內(nèi)容分類(lèi) id 固定，需要配置在屬性文件中。List的 width、height 配置在屬性文件中。Alt 屬性從 sub_title 中取。Src-pic srcB-pic2 Href-url分析:srcB: http:/images/2015/03/03/9345.jpg, height: 240,alt: , width: 670,sr

31、c: http:/images/2015/03/03/9345.jpg, widthB: 550,href: /at.html?cpdad=1DLSUE, heightB: 240URL:/index參數(shù)：無(wú)。返回值:首頁(yè)頁(yè)面(數(shù)據(jù)是 JSON 設(shè)置 m中)業(yè)務(wù)邏輯：根據(jù)分類(lèi)的 id發(fā)布服務(wù)查詢(xún) 內(nèi)容列表(List)表現(xiàn)層引入服務(wù)調(diào)用服務(wù) ，轉(zhuǎn)換成自定義的數(shù)據(jù)類(lèi)型(Ad1Node) 的列表5.將數(shù)據(jù)列表設(shè)置到 M中，返回給頁(yè)面。需要?jiǎng)?chuàng)建一個(gè) pojo 轉(zhuǎn)換成頁(yè)面需要的 json 數(shù)據(jù)格式。放入 com.taotao.portal.pojo 中。7.2.層從 tb_content 表中取數(shù)據(jù)，根

32、據(jù)內(nèi)容分類(lèi) id 查詢(xún)列表?？梢允褂媚嫦蚬こ?.3. Service 層參數(shù)：long categoryId返回值：ListOverridepublic List getContentList(long cid) public class Ad1Node private String srcB; private String height; private String alt; private String width; private String src; private String widthB; private String href; private String heightB

33、;/getter/setter7.3.1. 發(fā)布服務(wù)7.4. 表現(xiàn)層在 taotao-portal-web 中實(shí)現(xiàn)，查詢(xún)首頁(yè)輪播圖的內(nèi)容。7.4.1.服務(wù)在 taotao-protal-web 項(xiàng)目中引入依賴(lài)包,如圖：7.4.2. Controller在首頁(yè)展示之前，對(duì)數(shù)據(jù)進(jìn)行處理，然后展示首頁(yè)，需要在 PageController 中實(shí)現(xiàn)。/根據(jù)cid 查詢(xún)內(nèi)容列表TbContentExle exle = new TbContentExle();/設(shè)置查詢(xún)條件Criteria criteria = exle.createCriteria(); criteria.andCategoryIdEqualTo(ci