目录
第一步:搭建开发环境
将一众需要的jar
包导入开发环境中 ;
在 WEB
项目中,WEB-INF
目录下面创建一个 lib
目录,将需要的 jar
包放到这里,并添加到库中;
第二步:层次包(按照三层架构
思想写)
主要把握住 MVC
思想,按照层次写开发包;
再加一些自己需要的包,包括但不限于:工具包(utils
)、自定义异常包(exception
)、工厂包(factory
)、实体包(domain
)、bean包(bean)。。。
第四步:开发(utils
)工具包
这个包,必须开发出来;
里面封装着项目中,需要经常用到的操作;
例如:JDBC
操作数据库,每次都要获取连接、关闭连接;我们不可能每次都手动写一遍获取、关闭连接的代码;最好的做法,就是在工具包里面写一个 JdbcUtils 工具类,在里面写上获取与关闭连接的代码;在项目中需要用到JDBC
操作数库,就直接调用工具类的方法 ;
JDBC工具类部分代码
:
/**
* 利用jdbc操控数据库
*
* @author An
*/
@SuppressWarnings("unused")
public class JdbcUtils {
private static Properties config = new Properties();
static {
try {
// 读取配置文件
config.load(JdbcUtils.class.getResourceAsStream("/ijava/xin/utils/db.properties"));
// 加载数据库驱动类
Class.forName(config.getProperty("driver"));
} catch (IOException e) {
e.printStackTrace();
throw new JdbcException("读取配置文件出错");
} catch (ClassNotFoundException e) {
e.printStackTrace();
throw new JdbcException("配置文件路径有问题");
}
}
/**
* @return 返回数据库的连接
*/
public static Connection getConnection() throws SQLException {
return DriverManager.getConnection(config.getProperty("url"), config.getProperty("username"), config.getProperty("password"));
}
public static void closedConnection(ResultSet resultSet, Statement statement, Connection connection) {
if (resultSet != null) {
try {
resultSet.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (statement != null) {
try {
statement.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
if (connection != null) {
try {
connection.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
}
第四步:开发 Dao
层
先写 daoImpl
类,在里面实现对数据库的操作方法,最后提取出 dao
接口 ;
第五步:开发 services
层
先写 servicesImpl
类,在里面 实现 项目对外提供的服务,最后提取出 services
接口 ;
第六步:开发 factory(工厂)
包
工厂包,是为了解耦;
当services
层需要dao
层的方法时候,不能直接在services
层里面直接 new
dao
层对象,这样就是硬编码了;将 services
层 和 dao
层 紧紧的绑定在一起 ; 以后改动dao
层,会牵扯到services
层;
因此,我们需要让他们之间出现一个桥梁,让他们不直接通信,让这个桥梁起个媒介的作用;
我们就用工厂来解耦,就是在工厂包里面,为dao层做一个 daoFactory 工厂类,里面提供静态方法;
示例代码:
/**
* 静态工厂解耦
*
* @author An
*/
@SuppressWarnings("unused")
public class CustomerDaoFactory {
private static CustomerDao customerDao = new CustomerDaoImpl();
public static CustomerDao getCustomerDao() {
return customerDao;
}
}
我们在services
层,就直接问工厂来要 dao
层的实例;这样即使dao
层改变了,甚至推倒重来了,我们也只需要在工厂中对其进行修改,根本不影响services
层 ;
这里我用的是 静态工厂
,是工厂中最简单的一种了。缺点也很明显,要为每一层增加一个新的实现,我都要为其写一个工厂类;懒得写简单工厂,我写的这个demo的业务逻辑很简单。
当然也可以 写一个 泛型工厂
一劳永逸 ;
备注:我web
是从 servlet+JSP + tomcat
学起的;现在学到了JDBC
的事物,对那些 spring
等框架,我都没学到;
但是从对群里的群友对话,他说用了sprig
的框架以后,没考虑过工厂,说spring
会解耦,services
层如果需要dao
层对象,spring
会根据字段给它一个;
霎时,吾觉 spring
莫不是一个工厂吧;后百度之,果不其然,乃一大工厂也 ;
从上面的经历,可以看出,从最初的学起,还是很有好处的;
第七步:开发web
层
用
<iframe>
标签实现分帧页面// 写上target属性,属性值是我们的画中画标签名 <a href="${pageContext.request.contextPath}/Demo.jsp" target="showForm">添加客户</a> <a href="${pageContext.request.contextPath}/Demo2.jsp" target="showForm">查看客户</a> <hr> <iframe src="" name="showForm" style="text-align: center" scrolling="auto" frameborder="0" height="85%" width="100%"></iframe>
用全局类来管理
伪静态数据
在程序开发过程中,我们在表单中有一项性别要用户填写;常规操作是用
<radio>
标签给出两个性别,供选择;这样,其实也就是性别,被我们写死了;假如,系统以后卖到泰国,性别就会不只有男、女,两个选项;我们就需要去更改当初的表单的性别设置,可能表单的性别设置也会关联到其他。
这样一下,就需要改动许多东西;因此,我们最开始开发的时候,就应该考虑到数据以后会改变的情况;写一个程序来控制这些数据显示;
表单中的爱好一栏,也是同样的操作,由程序控制显示,因为,每年都会有新的爱好出来;
我把这种在一段时间内是静态的,但是长久看,确实动态的数据,称为
伪静态数据
;
常用try catch
对我们的代码,要常用 try catch
包起来,因为我们在服务器端可能会出现一些错误,我们不能将这些错误直接显示在网页上,我们就要捕捉它们,跳准到全局页面(500),在后台打印log;
从请求中获取请求参数,封装进bean
中
现在学过的有2种方法:
第一种,就是将它们读取进一个枚举中,然后迭代枚举,然后使用
beanUtils
的方法,将它们封装进bean
里面;// 获取请求的参数的名字 Enumeration<String> enumeration = request.getParameterNames(); // 循环获取参数名字,对应的值 while (enumeration.hasMoreElements()) { String name = enumeration.nextElement(); // 根据名字从域中拿值 String value = request.getParameter(name); // 将数据封装到对象中,使用BeanUtils,或者直接使用反射 BeanUtils.setProperty(classbean, name, value);
第二种,就是将请求参数封装进Map里面,再封装进bean里面 ;假如Map里面的关键字在
bean
里面没有,则不进行赋值 ;Map<String, String[]> map = request.getParameterMap(); BeanUtils.populate(t, map);
分帧显示页面
比如,我们想实现这样一个页面,上下分帧,各自显示自己的画面,点击上半部分页面的超链接,在下半部分页面显示超链接指向的窗口页面;
我们只需要在上半部分的页面中加入一个画中画标签<iframe>
即可;然后在超链接上指明超链接打开的窗口地址;这样设置以后,打开超链接,就会在我们指定的下面的页面显示;
示例代码
:
<h1 style="color: darkcyan">客户管理系统</h1>
<audio autoplay="autoplay" loop="loop" src="${pageContext.request.contextPath}/Music/cuoguo.mp3"></audio>
<a href="${pageContext.request.contextPath}/addcustomer.html" target="showForm">添加客户</a>
<a href="${pageContext.request.contextPath}/showAll.html" target="showForm">查看客户</a>
<hr>
<iframe name="showForm" style="text-align: center" scrolling="auto" frameborder="0" height="85%" width="100%"></iframe>
这样做以后,还有一个好处,点击超链接,上半部分的页面是不会刷新的,它们相当于一个全局页面了,我们可以在里面设置背景音乐,这样背景音乐就成了全局音乐,下部分页面切换。不会影响音乐的播放 ;
制作分页
我们这个小项目中,需要对数据库的用户进行展示;这就需要用分页技术了 ;
- 分页逻辑
---------------------------------分页实现逻辑:--------------------------
1、对于页面上的 页码,上一页、下一页 等都是超链接,它们对应着一个个的 servlet
;
2、servlet
接受到请求以后,将请求信息封装为一个对象(QueryInfo
)
3、QueryInfo
对象字段设计
int currentPage ; // 查询页
int pageSize ; // 每页显示数据的条数
int startIndex ; // 查询页的数据开始的下标 ,根据查询页和每页显示数据,可以算出来
4、web层的servlet将请求信息封装为 QueryInfo
对象以后,然后将请求跳准services
层,将 QueryInfo
对象作为services
层方法的参数 ;
5、services
层,根据QueryInfo
对象的信息,调用dao
层,查询出需要的数据,数据的总数、;
6、dao
层将查询到的信息,封装为一个对象(QueryResult
对象),存进域里面;
7、QueryResult
对象设计
List list ; // 保存页面显示的数据
int totalRecord ; // 数据库中的数据总数
8、services
层封装一个PageBean
对象 ;这个对象字段设计,根据JSP
页面中显示的数据,来设计,这个对象,其实也就是页面;
9、PageBean
对象设计
List list ; // 保存页面显示的数据
int totalRecord ; // 数据库中数据的总数
int pagaSize ; // 每页显示多少条数据
int currentPage ; // 当前显示的页码
int previousPage ; // 前一页
int nextPage ; // 下一页
int[] pageBar = new int[] ; // 页码条,根据信息算出来的
10、services
层将 pageBean
对象,保存进域里面,然后交给最初的 servlet
处理;
11、最初的 servlet
跳准到自己,页面用 el表达式
取值 ;
分页的逻辑就是这么一回事;还是比较简单的;
开发分页对象的实体
设计出三个java类,很简单,没啥讲的;
但是有一些字段,明明是自己根据信息算出来的,而不是从外界获取到的,那么这样的字段就不要有set
方法 ;
页码条
根据实际情况生成页码条;
示例代码:
public int[] getPageBar() {
int startIndex = 0;
int endIndex = 0;
// 先判断当前一共多少页,默认最多显示5个页码条
if (getTotalPage() < 5) {
// 根据实际情况生成数组长度
pageBar = new int[getTotalPage()];
startIndex = 1;
endIndex = getTotalPage() ;
} else {
pageBar = new int[5];
startIndex = currentPage - 2;
endIndex = currentPage + 2;
if (startIndex < 1) {
startIndex = 1;
endIndex = 5;
}
if (endIndex > getTotalPage()) {
endIndex = getTotalPage();
startIndex = getTotalPage() - 4;
}
}
// 为数组填充值
int index = 0;
for (int i = startIndex; i <= endIndex; i++) {
pageBar[index++] = i;
}
return pageBar;
}
坑点
拼接浏览器url地址的时候,不能在里面随便写上空格;例如:'&pageSize='
不能写成 '&pageSize = '
;
class
属性是可以el
表达式的:class="${status.count%2 == 0}"
;el表达式可以写在JSP
页面中的任何地方,
更新客户信息
// 开发修改用户信息模块。难点在于将数据库中的信息,复原到表格里面;
可以使用了body
上的onload
监听方法,调用JS
函数,在JS
里面通过DOM
操作,取值赋值,这是我首先想出来的方法;不会jQuery
,就只能这么做了;
后来发现,其实对一般的输入项使用 value和el表达式就可以完成;
对于选项(<radio> <checkbox>
)使用三元表达式,和el表达式,也可以完成;
对于<textarea>
对他设置value
属性,value
的值是不会显示在页面中,只能在标签体上用el表达式取值,或者DOM
操作,用innertHtml
进行赋值 ;
其实是 value
与 innetHTML
的区别value
是属性值,而innerHtml
则是赋人眼可见的值 ,也就是标签体的值,只不过一些标签,没有标签体,它们的值就是 value
的值;
JS的一些坑
JS比较值是否相等的时候,如果是字符串,则应该用单引号括起来,不论它是字面值还是变量值,但是变量做参数的时候,不需要括号括起来;
JS 中非0 都是真,跟C一样,用IF的时候要注意
// 这里必须判断是否等于 -1 否则表达式永真
if ('${customer.preference}'.indexOf(pre[i].value)!=-1) {
pre[i].checked = 'true';
}
JS中字符串的contain
方法,不好用,不是所有浏览器都支持 ;
JS 函数,有时候获取不到传进去的参数,可以试着在参数上加上单引号;
乱码问题!
再次说一下乱码的问题 ;
response
没设置编码的原因是,servlet
里面没做输出,都是跳准到JSP
里面输出
而JSP
页面的pageEncoding='UTF-8'
,就已经改变了JSP翻译为servlet的response
的码表;
所以JSP
输出中文不会出现乱码;但是你要是在servlet
做输出,就必须改变其response
的码表了 ;