前端做好页面后后端拿到手配置的问题

自从前端页面做好后,套页已经套了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脚本能跑起来其它的问题应该就不难解决了!

时间: 2024-08-08 23:52:05

前端做好页面后后端拿到手配置的问题的相关文章

后端model传入前端JSP页面中的值判断后再取值

所遇到的问题后端model传入前端JSP页面中的值通过foreach循环内要满足条件才能取值给Div中,我们知道jsp页面中可以直接用EL表达式取值,格式就是${"model中传来的数据"},但是我要把传过来的数据判断后再取值就遇到了问题,通过查百度发现了一个方法,下面就分享一下. 1 <c:forEach var="v" items="${page.objectList}"> 2 <tr> 3 <td style=

vue,vuex的后台管理项目架子structure-admin,后端服务nodejs,前端vue页面

之前写过一篇vue初始化项目,构建vuex的后台管理项目架子,这个structure-admin-web所拥有的功能 1.vuex来实现状态管理 2.静态页面,未引入后端服务 3.组件是用的是element-ui 4.页面布局是上左右,左右布局使用的弹性和布局flex,左边定宽,右边计算宽度 5.左右的滚动条是相互独立的,去掉body上的滚动条 6.没有业务代码,仅仅是一个静态的vuex的架子 说明:之前使用左侧menu的fixed布局,发现element-ui的弹窗组件不能正常显示,考虑换成f

解决前端文件修改后浏览器页面未更新的问题

前端开发技巧:解决前端文件修改后页面未更新的问题.建议使用chrome, 1. 按F12打开控制台,点击右上角设置图标 2. 关闭浏览器缓存 3.日后修改前端文件后,注意观察eclipse下方写入和编译是否执行(有进度条),若写入和编译完成,按F5刷新页面即可体现修改效果.

写给刚入门的前端工程师的前后端交互指南

转自原文 写给刚入门的前端工程师的前后端交互指南 作为刚接触前端的不久的童鞋,大家都会兴奋于CSS和JS所带来漂亮界面,然而,前端工程师除了UI重构外,还有非常重要的职责在正确的区域渲染出服务端的数据.毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成. 下文将罗列将来前端工程师应该必备的同后端打交道的常用技能. 服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经历过服务端的数据渲染,接口->前端赋值->模版渲染 .这一切都在服务器完成,我们查看源码时候

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇--纯前端多页面) @(HTML/JS) 一般来说,使用vue做成单页应用比较好,但特殊情况下,需要使用多页面也有另外的好处.例如手Q的多webview架构,新开页面有利于ios右划返回,也避免了返回时页面的刷新. 所以,这里我们探讨一下如何配置实现多页面的项目框架.这里是开篇,先以最简单的纯前端多页面为例入手,最终目标是完成Node.js多页面直出+前后端同构的架构. 本文源代码:https://github.c

购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session

原文:购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例,非常精彩,这里这里记录下对此项目的理解. 文章:http://chsakell.com/2015/01/31/angularjs-feat-web-api/http://chsakell.com/2015/03/07/angularjs-feat-web-api-en

前端跨页面传值

在很多时候需要用到跨页面传值,但是通过后台取值,这些值又不用放到后台去,所以没这必要而且增加http请求,这种情况下用前端跨页面传值就非常方便了 1.通过路径传值 用URL记录传值  <a href='Specific.aspx?idStr=val1&name=name1&sex=sex1</a> 在跳转页面后 通过下面方式取到路径,再把值分离出来var url = window.location.href; alert(url);因为url后面的?不会影响连接指向,所以

使用 sitemesh/decorator装饰器装饰jsp页面(原理及详细配置)

摘要:首先这个Decorator解释一下这个单词:“装饰器”,我觉得其实可以这样理解,他就像我们用到的Frame,他把每个页面共有的东西提炼了出来,也可能我们也会用各种各样的include标签,将我们的常用页面给包括进来:比如说页面的top,bottom这些每个页面几乎都有,而且都一样,如果我们在每个页面都include,可以发现我们的程序有很多冗余,重复.相比之下装饰器给我们提供了一个较好的选择,他在你要显示的页面根本看不出任何include信息,可以说完全解耦. 一.SiteMesh介绍 S

SpringBoot2继承了WebMvcConfigurationSupport后,WebMvcAutoConfiguration自动配置失效

SpringBoot1继承的WebMvcConfigurerAdapter,在 2 中废弃了 SpringBoot2继承了WebMvcConfigurationSupport 后,WebMvcAutoConfiguration自动配置失效,需要全部手动配置 @Configuration public class WebMvcConfig extends WebMvcConfigurationSupport { /** * 静态资源映射 */ @Override protected void ad