博客
关于我
强烈建议你试试无所不能的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/

你可能感兴趣的文章
自然计算时间复杂度杂谈
查看>>
当前主要目标和工作
查看>>
使用 Springboot 对 Kettle 进行调度开发
查看>>
一文看清HBase的使用场景
查看>>
解析zookeeper的工作流程
查看>>
搞定Java面试中的数据结构问题
查看>>
慢慢欣赏linux make uImage流程
查看>>
linux内核学习(7)脱胎换骨解压缩的内核
查看>>
以太网基础知识
查看>>
慢慢欣赏linux 内核模块引用
查看>>
kprobe学习
查看>>
慢慢欣赏linux phy驱动初始化2
查看>>
慢慢欣赏linux CPU占用率学习
查看>>
2020年终总结
查看>>
Homebrew指令集
查看>>
React Native(一):搭建开发环境、出Hello World
查看>>
React Native(二):属性、状态
查看>>
JSX使用总结
查看>>
React Native(四):布局(使用Flexbox)
查看>>
React Native(七):Android双击Back键退出应用
查看>>