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

你可能感兴趣的文章
STL综合案例
查看>>
数据结构 的可视化
查看>>
比较版本号的大小 新旧
查看>>
01背包问题
查看>>
O(logn)时间复杂度求Fibonacci数列
查看>>
【转】腾讯十年运维老兵:运维团队的五个“杀手锏”
查看>>
Iterator_traits
查看>>
Zedboard中的SPI通信记录文档(已实现)
查看>>
zigbee学习笔记2----cc2530 IO实验
查看>>
zigbee学习笔记4----初次接触zstack
查看>>
Android 发布到google Play的app搜索不到问题的解决
查看>>
Flutter 网络请求之基于dio的简单封装
查看>>
Flutter UI基础 - 路由之Navigator详解
查看>>
Flutter UI基础 - Widgets 之 InkWell 和 Ink
查看>>
Spring - sentinel和hystrix比较
查看>>
MySQL - 索引之B+树
查看>>
Spring - Dubbo的底层实现原理和机制
查看>>
Flutter Dio引入和简单的Get/Post请求
查看>>
Flutter Dart 和 Flutter json转实体类(插件自动生成)
查看>>
Flutter 路由跳转fluro
查看>>