博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目阶段二:代码优化(jsp动态页面)
阅读量:3965 次
发布时间:2019-05-24

本文共 1646 字,大约阅读时间需要 5 分钟。

a)页面 jsp 动态化

1、在 html 页面顶行添加 page 指令。

2、修改文件后缀名为:.jsp
3、使用 IDEA 搜索替换.html 为.jsp(快捷键:Ctrl+Shift+R)
在这里插入图片描述
ctr+shift+del清空谷歌浏览器缓存

b)抽取页面中相同的内容

i. head 中 css、jquery、base 标签

<%@ page contentType="text/html;charset=UTF-8" language="java" %>    <%        /*            request.getScheme() 它可以获取请求的协议            request.getServerName() 获取请求的服务器ip或域名            request.getServerPort() 获取请求的服务器端口号            getContextPath() 获取当前工程路径            request.getMethod() 获取请求的方式(GET或POST            request.getRemoteHost()  获取客户端的ip 地址            session.getId() 获取会话的唯一标识        */        String basePath = request.getScheme()                + "://"                + request.getServerName()                + ":"                + request.getServerPort()                + request.getContextPath()                + "/";        System.out.println(basePath);    %>

替换成:

<%-- 静态包含 base标签、css样式、jQuery文件 --%><%@include file="/pages/common/head.jsp"%

ii. 每个页面的页脚

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
尚硅谷书城.Copyright ©2020

替换成:

<%--静态包含页脚内容--%><%@include file="/pages/common/footer.jsp"%>

iii. 登录成功后的菜单

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
欢迎韩总光临尚硅谷书城
我的订单
注销  
返回

替换成:

<%--静态包含登录成功后菜单--%><%@include file="/pages/common/login_success_menu.jsp"%>

iv. manager 模块的菜单

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

替换成:

<%-- 静态包含 manager管理模块的菜单  --%><%@include file="/pages/common/manager_menu.jsp"%>

在这里插入图片描述

c)登录,注册错误提示,及表单回显

以登录回显为示例: Servlet 程序端需要添加回显信息到 Request 域中

在这里插入图片描述

jsp 页面,需要输出回显信息:

在这里插入图片描述

注册:

servlet程序:
在这里插入图片描述

jsp页面:

在这里插入图片描述

转载地址:http://imuki.baihongyu.com/

你可能感兴趣的文章
as3工程和flex工程的区别
查看>>
stage和root的区别
查看>>
转贴关于AsWing和MXML 选项
查看>>
一日打开IE,IE就死掉了,原来是用了第三方开发windows主题皮肤的原因,用windows经典样式解决...
查看>>
svn客户端的用户名密码保存位置
查看>>
替换eclipse中folding的折叠代码的小图标
查看>>
mouseChildren为false后,
查看>>
Eclipse中的文本编辑器使用技巧
查看>>
在 flash.text.TextField 上找不到属性 play,且没有默认值。
查看>>
ANDROID物联网开发
查看>>
安卓开发项目实战我的云音乐
查看>>
ANDROID物联网开发
查看>>
UE4高级运动系统(Advanced Locomotion System V3)插件分析
查看>>
尘封的记忆第2卷:Serekh塞拉赫资源包
查看>>
adb server version (39) doesn't match this client (40); killing...
查看>>
adb server version (39) doesn't match this client (40); killing...
查看>>
Unity高级游戏地编案例
查看>>
UE4地编大型开放世界~制作烘焙全流程
查看>>
TextMesh Pro不能显示中文的解决办法是创建字贴图,常用汉字3500
查看>>
permanently
查看>>