本文记录了作者在将前端页面套入后端过程中遇到的问题及解决方法，包括HTML转JSP、样式加载、KISSY脚本引入、错误排查、配置文件修改和脚本顺序的重要性等关键步骤。
自从前端页面做好后，套页已经套了4天了，一直没成功，第四天经过不懈的努力和向学长学姐们请教终于将这个问题解决了，特此发表日志记录一些首次套页成功的心得。
心得：
1.拿到前端页面后（html），可以先给其改成jsp文件，然后启动运行一些，看看样式什么的加没加在，没有加载样式的话就把样式加载上去，如下图：
之后再次运行样式便能成功的加载了。
2.其次如果有<script>脚本的话则需要在firebug下看看控制台是否报错，前端用了一个KISSY的脚本，运行后KISSY脚本没有引进来，于是在<head>标签里把KISSY引进来，如下：
这样就把KISSY引进来了
3.再次运行看有何错误，发现如下错误：
请教了一下学姐，学姐说这个东西没有引进来，琢磨了一下应该是在site-config.js里面，于是又引入如下js文件：
4.再次运行项目查看控制台还是报上面的错误PW.io没有引进来，于是我就去查看了一下配置文件，是不是配置文件出了问题，配置文件如下：
感觉应该是path的问题导致没有引进来，个人感觉应该改成运行后网站目录下的地址，于是把
这个的site.staticWebsite改成了site.Website
下面的这几个也都改成了site.Website。
5.再次运行项目发现还是没引进来，实在找不到问题了，我就开始各种后退，因为之前跑通了么，后来发现原来是两个<script>的顺序的事情
下面的那个<script>需要用到上面的那个<script>，如果你将两者顺序调换了一下运行后就会报错！！这个问题一定要注意！
6.忘记说了一点，补充一下，KISSY脚本运行的时候是到这个目录下找和kissy有关的东西的
所以还需要把KISSY所需要的page的js和io的js复制到这个目录下！如下：
7.到此为止，在运行项目的话就不会出现什么问题了，之后就是表单提交的那些东西了，主要是让KISSY脚本能跑起来其它的问题应该就不难解决了！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
