![](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(自适应)页面】【增加栏目】