Website前端框架
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
home.context= home.viewPath=/home/jsp/ home.package=com.xsm.home home.allowCache=false home.resource=http://123.12.1.21/ • home：模块的名字，可自定义 • context：模块访问的上下文 • viewPath：模块中页面文件的位置 • package：模块中页面对应的处理类所在的包 • allowCache：是否开启缓存
前端展示
提升组件可重用性 整页加载、只加载片段、只获取数据 页面服务器端处理可使用JSTL、EL表达式 页面客户端处理可使用jQuery、Ajax
6/12
后端处理
页面处理类
页面渲染（execute方法） Form提交（actXXX方法） 数据请求（doXXX方法）
页面片段缓存
7/12
模块
一个独立的应用功能 最少具有一个模块 modules.properties
8/12
约定
约定可提升效率，约定胜于配置的理念 让系统更轻量 约定1：路径 约定2：页面处理类 约定3：页面处理类方法 约定4：布局
9/12
使用步骤
引入internet-core.jar 一、培训背景 web.xml中增加配置 二、培训目的 modules.properties增加模块配置 编写页面三、培训对象
11/12
表达式介绍
使用EL表达式
语法： ${expression}
部分自定义表达式
引入： <%@ taglib uri="/tags/website-function" prefix="fn" %> 语法：${fn:functionName(params)} fn:getUrl用于获取静态文件的路径，包括图片、js、css以及其他静态 文件。 fn:getLink用于生成指定的连接url，会将jsp文件路径生成对应的htm路 径。 fn:getHome用于获取网站的根节点的URL。
1/12
Website前端框架
2/12
概述
一个简单的、轻量的前端展现框架 一、培训背景 基于Servlet 二、培训目的 发展自WebX，比WebX更轻量 三、培训对象 使用小组件（页面片段）的页面编程， 提高组件重用性 五、问题 方便自己开发，可根据业务特点扩展
3/12
概述
前端展示 后端处理
页面渲染 页面组装
12/12
ຫໍສະໝຸດ Baidu
谢谢大家!
五、问题
10/12
标签介绍
使用JSTL标签
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 主要使用其中的循环、判断、输出等标签
部分自定义标签
引入：<%@ taglib uri="/tags/website" prefix="website" %> html替代标签 <website:html>、<website:head>、<website:title>、<website:style>、 <website:script>、<website:meta> 前端组件标签 <website:widget path=“widget.jsp">、<website:screenHolder>
高速服务框架
页面缓存
数据获取 数据提交处理 连接高速服务框架
页面片段
数据提供
4/12
前端展示
三种页面组件 Layout：网页的布局 Screen：一个网页的主 体部分 Widget：一些单独的小 组件，可重复利用
layout widget
widget widget
screen
widget
5/12
前端展示
提升组件可重用性 整页加载、只加载片段、只获取数据 页面服务器端处理可使用JSTL、EL表达式 页面客户端处理可使用jQuery、Ajax
6/12
后端处理
页面处理类
页面渲染（execute方法） Form提交（actXXX方法） 数据请求（doXXX方法）
页面片段缓存
7/12
模块
一个独立的应用功能 最少具有一个模块 modules.properties
8/12
约定
约定可提升效率，约定胜于配置的理念 让系统更轻量 约定1：路径 约定2：页面处理类 约定3：页面处理类方法 约定4：布局
9/12
使用步骤
引入internet-core.jar 一、培训背景 web.xml中增加配置 二、培训目的 modules.properties增加模块配置 编写页面三、培训对象
11/12
表达式介绍
使用EL表达式
语法： ${expression}
部分自定义表达式
引入： <%@ taglib uri="/tags/website-function" prefix="fn" %> 语法：${fn:functionName(params)} fn:getUrl用于获取静态文件的路径，包括图片、js、css以及其他静态 文件。 fn:getLink用于生成指定的连接url，会将jsp文件路径生成对应的htm路 径。 fn:getHome用于获取网站的根节点的URL。
1/12
Website前端框架
2/12
概述
一个简单的、轻量的前端展现框架 一、培训背景 基于Servlet 二、培训目的 发展自WebX，比WebX更轻量 三、培训对象 使用小组件（页面片段）的页面编程， 提高组件重用性 五、问题 方便自己开发，可根据业务特点扩展
3/12
概述
前端展示 后端处理
页面渲染 页面组装
12/12
ຫໍສະໝຸດ Baidu
谢谢大家!
五、问题
10/12
标签介绍
使用JSTL标签
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 主要使用其中的循环、判断、输出等标签
部分自定义标签
引入：<%@ taglib uri="/tags/website" prefix="website" %> html替代标签 <website:html>、<website:head>、<website:title>、<website:style>、 <website:script>、<website:meta> 前端组件标签 <website:widget path=“widget.jsp">、<website:screenHolder>
高速服务框架
页面缓存
数据获取 数据提交处理 连接高速服务框架
页面片段
数据提供
4/12
前端展示
三种页面组件 Layout：网页的布局 Screen：一个网页的主 体部分 Widget：一些单独的小 组件，可重复利用
layout widget
widget widget
screen
widget
5/12