原文鏈接：https://zhang35.coding.me/2018-java-web-2-11.html
使用SSH架構(gòu)（Spring+SpringMVC+Hibernate）實(shí)現(xiàn)了簡(jiǎn)單的調(diào)查問卷網(wǎng)站诺苹。最終效果如圖：
下面整理實(shí)現(xiàn)流程啦辐。
前言
1.SSH架構(gòu)
SSH是MVC架構(gòu)的一種實(shí)現(xiàn)。
Spring艳狐、SpringMVC、Hibernate各自用處分別是：
- Hibernate方便了對(duì)數(shù)據(jù)庫的操作皿桑。一個(gè)對(duì)象映射一個(gè)表毫目，省去了寫SQL語句的繁瑣蔬啡，完成數(shù)據(jù)持久化的任務(wù)。
- Spring方便了對(duì)象的創(chuàng)建和相互關(guān)聯(lián)镀虐。比如網(wǎng)站啟動(dòng)時(shí)想要初始化的一些對(duì)象箱蟆，可交給Spring管理。
- SpringMVC實(shí)現(xiàn)了MVC架構(gòu)刮便，使得結(jié)構(gòu)清晰空猜、分工明確。
（Spring和SpringMVC區(qū)別：Spring是IOC和AOP的容器框架恨旱，參考：談?wù)凷pring中的IOC和AOP概念）辈毯；SpringMVC是基于Spring實(shí)現(xiàn)的MVC Web框架）。
2.Maven
Maven是一個(gè)項(xiàng)目管理工具搜贤，有一套標(biāo)準(zhǔn)的工程結(jié)構(gòu)谆沃。其核心配置文件是pom.xml，描述了項(xiàng)目信息仪芒，依賴關(guān)系等唁影。
由于Java項(xiàng)目中需要引入各種jar包，還存在版本差異桌硫，把這些依賴關(guān)系在pom.xml里面描述夭咬，maven就會(huì)自動(dòng)從本地或遠(yuǎn)程倉庫尋找依賴，不用再去一個(gè)個(gè)下載铆隘、拷貝jar包了卓舵。
例如，想引入springmvc框架膀钠，就在pom.xml中加入如下配置：
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency
3.代碼結(jié)構(gòu)
Java源碼包含Model掏湾、DAO、Service肿嘲、Controller四個(gè)包融击，其中：
- Model：存放數(shù)據(jù)模型
- DAO：實(shí)現(xiàn)直接操作Model的接口及方法，比如實(shí)現(xiàn)getPerson()
- Service：使用DAO提供的接口雳窟，實(shí)現(xiàn)項(xiàng)目需要用到的功能尊浪，比如實(shí)現(xiàn)getAllPersons()
- Controller：使用Service提供的功能，實(shí)現(xiàn)數(shù)據(jù)分發(fā)及頁面展示封救。
工程結(jié)構(gòu)如下：
項(xiàng)目源碼：https://github.com/zhang35/QuizWeb.git
開發(fā)環(huán)境
集成開發(fā)環(huán)境（IDE）：IntelliJ IDEA 2017.3.2
本地服務(wù)器：Tomcat 9.0.2
數(shù)據(jù)庫： MySQL 5.7
項(xiàng)目管理：Maven
操作系統(tǒng)：MacOS
開發(fā)步驟
1. 準(zhǔn)備工作
如何使用IDEA創(chuàng)建web工程拇涤，參考：
使用IntelliJ IDEA開發(fā)java web如何使用IDEA配置maven倉庫，加快加載依賴包的速度誉结，參考：
IDEA配置maven(配置阿里云中央倉庫)
2. 搭建SSH項(xiàng)目
- 如何在IntelliJ與Maven的環(huán)境下搭建Spring+SpringMVC+Hibernate項(xiàng)目鹅士，參考：
Spring-SpringMVC-Hibernate在IntelliJ與Maven的環(huán)境下搭建
3. 實(shí)現(xiàn)投票功能
從操作流程出發(fā)，實(shí)現(xiàn)思路是：
3.1 輸入網(wǎng)址進(jìn)入投票界面惩坑。（SpringMVC控制網(wǎng)址->頁面的映射）
3.1.1 在web.xml中配置SpringMVC使之生效掉盅，web.xml：
<servlet>
<servlet-name>spring-dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>spring-dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
3.1.2 在SpringMVC的配置文件servletname-servlet.xml中配置地址過濾規(guī)則也拜，spring-dispatcher-servlet.xml：
<context:component-scan base-package="web.quiz.controller" /><!-- 要掃描的包-->
<mvc:annotation-driven />
<!-- 解析網(wǎng)址，加前綴后綴趾痘，比如輸入index時(shí)定位到/WEB-INF/jsp/index.jsp-->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/"/>
<property name="suffix" value=".jsp"/>
</bean>
<!-- 不攔截靜態(tài)資源慢哈，保證對(duì)js、css扼脐、jpg等的正常訪問 -->
<mvc:default-servlet-handler />
3.1.3 最后岸军，在Controller中控制頁面分發(fā)，QuizController.java：
@RequestMapping(value = "vote", method = RequestMethod.GET)
public String index() {
return "vote";
}
3.2 獲取問卷內(nèi)容瓦侮。（Hibernate+Spring從數(shù)據(jù)庫中讀取問卷信息艰赞，發(fā)送到前端頁面）
3.2.1 首先使用Hibernate關(guān)聯(lián)對(duì)象與數(shù)據(jù)庫。Hibernate有配置xml和注解兩種實(shí)現(xiàn)方式肚吏，本文使用注解方妖。Person.java：
//@javax.persistence.Entity注解一個(gè)實(shí)體Bean。數(shù)據(jù)表中的行對(duì)應(yīng)實(shí)例罚攀，列對(duì)應(yīng)實(shí)例的屬性
@Entity
public class Person {
@Id //必須使用 @javax.persistence.Id 注解一個(gè)主鍵党觅；
private String id; //編號(hào)
private String name; //姓名
}
3.2.2 然后實(shí)現(xiàn)相應(yīng)的DAO接口。PersonDAO.java斋泄、PersonDAOImpl.java：
public interface PersonDAO {
public List<Person> getAll();
}
@Repository //@Repository用于標(biāo)注數(shù)據(jù)訪問組件杯瞻，即DAO組件；
public class PersonDAOImpl implements PersonDAO{
@Autowired //@Autowired可以對(duì)成員變量炫掐、方法和構(gòu)造函數(shù)進(jìn)行標(biāo)注魁莉，來完成自動(dòng)裝配。默認(rèn)按照類型進(jìn)行裝配募胃。
private SessionFactory sessionFactory;
public List<Person> getAll() {
Criteria criteria = sessionFactory.getCurrentSession().createCriteria(Person.class);
return criteria.list();
}
}
3.2.3 PersonDAOImpl中要用的sessionFactory怎么來旗唁？什么是SessionFactory：
SessionFactory接口負(fù)責(zé)初始化Hibernate。SessionFactory并不是輕量級(jí)的痹束，因?yàn)橐话闱闆r下检疫，一個(gè)項(xiàng)目通常只需要一個(gè)SessionFactory就夠。
所以把SessionFactory放在Web初始化時(shí)候生成祷嘶，使用Spring實(shí)現(xiàn)其自動(dòng)裝配屎媳。
首先在web.xml中配置Spring：
<!--配置Spring-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:/META-INF/applicationContext.xml,
classpath:/META-INF/spring-jdbc.xml
</param-value>
</context-param>
然后在Spring配置文件中配置Hibernate，spring-jdbc.xml：
<!--自定義的hibernate.properties文件,下面${XXX}的內(nèi)容來源-->
<context:property-placeholder location="classpath:/META-INF/properties/hibernate.properties" />
<!-- 使用C3P0數(shù)據(jù)源论巍，MySQL數(shù)據(jù)庫 -->
<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"
destroy-method="close">
<!-- MySQL5 -->
<property name="driverClass" value="${driverClassName}"></property>
<property name="jdbcUrl" value="${url}"></property>
<property name="user" value="${username}"></property>
<property name="password" value="${password}"></property>
</bean
<!-- session工廠 -->
<bean id="sessionFactory"
class="org.springframework.orm.hibernate4.LocalSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<property name="packagesToScan" value="web.quiz.model" />
<property name="hibernateProperties">
<props>
<prop key="hibernate.hbm2ddl.auto">${hibernate.hbm2ddl.auto}</prop>
<prop key="hibernate.dialect">${hibernate.dialect}</prop>
<prop key="hibernate.show_sql">${hibernate.show_sql}</prop>
<prop key="hibernate.format_sql">${hibernate.format_sql}</prop>
</props>
</property>
</bean>
<!--hibernate的事務(wù)管理器-->
<bean id="transactionManager"
class="org.springframework.orm.hibernate4.HibernateTransactionManager">
<property name="sessionFactory" ref="sessionFactory"></property>
</bean>
在Spring的默認(rèn)配置文件applicationContext.xml中配置掃描的包剿牺。這些包中有Spring注解為@Component的類，在使用注解配置的情況下环壤，系統(tǒng)啟動(dòng)時(shí)會(huì)被自動(dòng)掃描，并添加到bean工廠中去（省去了配置文件中寫bean定義了）钞诡。applicationContext.xml：
<context:component-scan base-package="web.quiz.service"/>
<context:component-scan base-package="web.quiz.DAO"/>
至此郑现，PersonDAOImpl中有了可用的sessionFactory湃崩，它的功能也能盡數(shù)實(shí)現(xiàn)了，如3.2.2中所示接箫。
3.2.4 此時(shí)有了PersonDAO的實(shí)現(xiàn)攒读，進(jìn)一步封裝成可直接用的服務(wù)。DBService.java 辛友、DBServiceImpl.java：
public interface DBService{
public List<Person> loadPersons();
}
@Service //@Service用于標(biāo)注業(yè)務(wù)層組件
@Transactional //@Transactional 可以作用于接口薄扁、接口方法、類以及類方法上废累。賦予其事務(wù)屬性
public class DBServiceImpl implements DBService{
@Autowired
private PersonDAO personDAO;
public List<Person> loadPersons(){
return personDAO.getAll();
}
}
至此邓梅，讀寫數(shù)據(jù)的功能有了∫乇酰可以在Controller中調(diào)用服務(wù)讀數(shù)據(jù)日缨，QuizController.java：
@Controller
public class QuizController {
@Resource //與@Autowired等效，是JDK支持的注解掖看，默認(rèn)按照名稱進(jìn)行裝配
private DBService dbService;
@PostConstruct //使用@PostConstruct注釋初始化方法匣距。在Controller中，用@PostConstruct修飾的方法會(huì)在服務(wù)器加載Servlet的時(shí)候運(yùn)行哎壳，并且只會(huì)被服務(wù)器調(diào)用一次毅待。
private void initQuiz(){
this.persons = dbService.loadPersons();
}
}
3.2.5 把讀取的內(nèi)容發(fā)給前端JSP頁面。本文使用了兩種方法归榕，一是傳json回去尸红，二是直接傳對(duì)象回去。
方法一：傳json到前端蹲坷，用拼接字符串的方式生成頁面驶乾。這種方法很笨，當(dāng)時(shí)知識(shí)面太窄循签。不過用json傳數(shù)據(jù)在做數(shù)據(jù)可視化時(shí)比較方便级乐，所以也保留了這些代碼。QuizController.java：
@RequestMapping(value = "/loadPaper", method = RequestMethod.GET)
@ResponseBody
public byte[] loadPaper() throws IOException {
ObjectMapper objectMapper = new ObjectMapper();
String jsonString = objectMapper.writeValueAsString(this.quiz);
byte[] b = jsonString.getBytes("UTF-8"); //解決傳到前端后中文亂碼問題
return b;
}
在前端用js解析json县匠，生成頁面风科。問卷頁面vote.jsp：
function loadPage(){
$.getJSON("loadPaper",function(data){ //獲取問卷數(shù)據(jù)quiz,放入data中
var names = data.names;
for (var i=0; i< names.length; i++){
var testDiv = '<div class="test">' + '<p class="name">' + (i+1) + ". " + names[i] + '：</p>';
...
$("form").append(testDiv);
}
}
方法二：借助ModelAndView對(duì)象，直接傳對(duì)象到前端乞旦。配合JSP的特點(diǎn)贼穆，比較優(yōu)雅高效。QuizController.java中：
//在方法的參數(shù)列表中添加形參 ModelMap map, spring 會(huì)自動(dòng)創(chuàng)建ModelMap對(duì)象兰粉。
//然后調(diào)用map的put(key,value)或者addAttribute(key,value)將數(shù)據(jù)放入map中故痊，spring會(huì)自動(dòng)將數(shù)據(jù)存入request。
public ModelAndView check(HttpServletRequest request, HttpServletResponse response, ModelMap model){
model.addAttribute("persons", persons); //添加名為persons的對(duì)象
return new ModelAndView("result"); //返回頁面result.jsp
}
在前端使用JSTL <c:forEach>和EL表達(dá)式循環(huán)生成表格玖姑。顯示成績(jī)頁面result.jsp：
<c:forEach items="${persons}" var="person">
<tr>
<td>${person.id}</td>
<td><a href="${person.id}/detail">${person.name}</a></td> <!--REST風(fēng)格-->
<td>${person.department}</td>
</tr>
</c:forEach>
（注意：使用EL表達(dá)式時(shí)愕秫，需加入<%@page isELIgnored="false" %>）
這里把每個(gè)人名作為一個(gè)超鏈接慨菱，點(diǎn)進(jìn)去顯示其測(cè)評(píng)結(jié)果。${person.id}/detail會(huì)變成如1/detail這樣的地址戴甩。該地址在QuizController.java中這么解析：
@RequestMapping(value = "/{id}/detail", method = RequestMethod.GET)
public ModelAndView detail(HttpServletRequest request, ModelMap model, @PathVariable String id) {
Result result = dbService.getResultByID(id);
String name = result.getName();
model.addAttribute("name", name);
return new ModelAndView("detail");
}
3.2.6 擴(kuò)展知識(shí)
上述傳參方式叫REST( Representational State Transfer)風(fēng)格符喝。
關(guān)于SpringMVC應(yīng)用REST風(fēng)格，參考：Spring MVC 實(shí)現(xiàn)增刪改查 - CSDN博客
關(guān)于其它URL傳參方式甜孤，參考： SpringMVC之@RequestParam @PathVariable對(duì)比
關(guān)于SpringMVC中各種常用傳值方法协饲，參考：springMVC 將controller中數(shù)據(jù)傳遞到j(luò)sp頁面
3.3 填寫問卷，點(diǎn)提交缴川。(Controller接收前端表單茉稠，結(jié)果寫入數(shù)據(jù)庫)
主要是前端傳值到后端的問題。
在vote.jsp中：
<form method="POST" action="submit">
...
</form>
在QuizController.java中：
@RequestMapping(value = "/submit", method = RequestMethod.POST)
public String submit(HttpServletRequest request, HttpServletResponse response) {
Enumeration<String> enu = request.getParameterNames(); //獲得表單中所有值
while (enu.hasMoreElements()) {
String paraName = (String) enu.nextElement();
String value = request.getParameter(paraName); //按照表單中的順序二跋，一個(gè)個(gè)接收值
...
dbService.saveOrUpdateResult(result); //將成績(jī)寫入數(shù)據(jù)庫中
}
}
3.4 管理員登錄战惊，查看結(jié)果。(身份驗(yàn)證后扎即，JSP展示結(jié)果)
提供管理員登錄頁面login.jsp吞获，登錄后進(jìn)入?yún)⒃u(píng)人列表頁面result.jsp；點(diǎn)擊參評(píng)人超鏈接谚鄙，進(jìn)入詳細(xì)成績(jī)頁面detail.jsp各拷，統(tǒng)計(jì)分析個(gè)人得票結(jié)果。
到這里已經(jīng)沒有什么難度闷营，不再寫了烤黍。
一點(diǎn)心得
1. hibernate如何將數(shù)組成員對(duì)應(yīng)到數(shù)據(jù)庫
對(duì)于Question對(duì)象，成員id傻盟、title都能自動(dòng)對(duì)應(yīng)數(shù)據(jù)庫中表的一列速蕊，而options作為一個(gè)List就帶來很多麻煩。
解決方法：把List<String>拼接成一個(gè)String保存娘赴，當(dāng)使用時(shí)规哲，按照約定規(guī)則拆分即可：
String[] options = questions[i].options.split("#"); //自行約定，這里用#分隔字符
成員變?yōu)椋?/p>
private String options;
完美诽表！
結(jié)語
終于搭好Java SSH這個(gè)架子唉锌，實(shí)現(xiàn)了基本功能，但不想再繼續(xù)寫了竿奏。Web技術(shù)迭代太快袄简，后面去嘗試下其它技術(shù)。
