首頁對接 · 龍嘯企業站系統搭建手冊

![](https://img.kancloud.cn/a8/e4/a8e43837bf6582dc9b3e0853f004bc87_1595x994.png) ## 首頁渲染對接 1. 將準備好的靜態文件放到后端項目`public/static/index`目錄（沒有這個目錄的需要自行創建）。 ![](https://img.kancloud.cn/37/66/3766ccc5c4a59dfc4dd56c262613449f_1132x633.png) 2. 將靜態文件index.html放置到后端項目`view/inedx/`目錄中。 ![](https://img.kancloud.cn/a2/7d/a27d1415a622f304043ac0722d3b2c2a_929x526.png) 3. 打開后端項目`index`控制器文件，檢查訪問路由是否設置正常 ![](https://img.kancloud.cn/19/29/192947cb129ae3f5a23461fc33e1fa40_920x419.png) 4. 文件打開后，檢查index方法是否正常渲染，不能提前返回。![](https://img.kancloud.cn/e9/9e/e99e085d5a8a4112816301243bc768bd_1001x502.png) ![](https://img.kancloud.cn/9f/f6/9ff6627778d7bcb9166ae1cfa9c89362_1057x789.png) 5. 打開測試站地址檢查首頁是否正常加載,如下圖所示： ![](https://img.kancloud.cn/1e/e1/1ee17d15e6f921dab755782029949cee_819x987.png) 6. 修改靜態文件路徑 + 搜索`./static/web/css/`內容，替換為`/static/index/css/` ![](https://img.kancloud.cn/c3/9e/c39e506d8f2d58d21d4e159fa0d15099_1162x396.png) + 搜索`./static/web/image/`內容，替換為`/static/index/image/` ![](https://img.kancloud.cn/58/29/5829bde286f851ce02a8b410a42cfb7e_1185x654.png) + 搜索`./static/web/js/`內容，替換為`/static/index/js/` ![](https://img.kancloud.cn/6e/53/6e5334ba556fbaefe0d4481656f55128_1179x550.png) 7. 刷新瀏覽器首頁，查看是否有BUG ![8. ](https://img.kancloud.cn/a8/e4/a8e43837bf6582dc9b3e0853f004bc87_1595x994.png) ## 首頁內容對接 1. 使用**自定義title標簽**替換頁面**默認title標簽** + 具體替換方法參見本文檔【頁面對接】【PC（自適應）頁面】【自定義標簽】中的`lx:title`標簽用法 2. 對接頁面頂部內容 + 從首頁頂部導航內容分析，頂部導航分為三個部分**網站LOGO**,**網站欄目**，**加盟熱線 ** ![](https://img.kancloud.cn/b9/4b/b94bb911ea185fa9454544d5399844ff_1908x140.png) + 左側的**網站LOHO** 在后臺管理系統中【系統配置】【通用配置】【網站配置】【站點logo】位置進行設置 ![](https://img.kancloud.cn/1e/10/1e10f0bd866028f0ba99855fee19912e_1517x727.png) + 網站前臺調用方式參見【頁面對接】【PC（自適應）頁面】【自定義標簽】`lx:config`標簽 + 將頂部欄目添加到后臺管理系統中，詳情參見【頁面對接】【PC（自適應）頁面】【增加欄目】