🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
![](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(自适应)页面】【增加栏目】