Java+SSH+Bootstrap开发笔记_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Java+SSH+Bootstrap开发笔记_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7128字，纯文字阅读大概需要11分钟。

内容图文

JDK+Tomcat+ MyEclipse开发环境搭建

JDK下载安装

（ 1 ）下载 JDK 对应版本，双击安装 JDK ，选择安装路径，安装完毕继续安装 JRE ，修改安装路径，安装完毕配置环境变量。计算机 → 属性 → 高级系统设置 → 高级 → 环境变量。

（ 2 ）系统变量 → 新建 JAVA_HOME 变量 。变量值填写 jdk 的安装目录（到安装目录查看属性复制即可，我的是 D:\Program Files\Java\jdk1.8.0_72) 。

（ 3 ）系统变量 → 寻找 Path 变量 → 编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; （注意原来 Path 的变量值末尾有没有 ; 号，如果没有，先输入 ; 号再输入上面的代码）

（ 4 ）系统变量→新建 CLASSPATH 变量

变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar （注意最前面有一点）

系统变量配置完毕。

（ 5 ）检验是否配置成功 运行 cmd 输入 java -version （ java 和 -version 之间有空格），若如图所示 显示版本信息 则说明安装和配置成功。

Tomcat下载安装

（1）下载tomcat对应版本，这里下载apache-tomcat-8.0.32-windows-x64.zip免安装版，直接解压到需要的目录即可。

（2）配置CATALINA_HOME环境变量， 计算机 → 属性 → 高级系统设置 → 高级 → 环境变量。系统变量 → 新建 CATALINA_HOME，变量值输入tomcat安装根目录，如我的是D:\Program Files\apache-tomcat-8.0.32。

（3）测试tomcat配置是否成功（依赖之前JDK环境变量配置） 进入tomcat安装目录，进入bin文件夹， 运行 cmd 窗口，拖入 startup.bat 执行命令，此时跳出 tomcat 服务器运行 dos 界面，打开浏览器，输入 http://localhost:8080/ 显示如下便是配置成功。

MyEclipse下载安装并配置

（1）下载myeclipse对应版本（我是myeclipse-pro-2014-GA-offline-installer-windows.exe），选择安装路径安装即可。安装完毕破解教程进行破解。

（2）打开myeclipse，选择window → preferences →Java→Installed JREs→Add→Standard VM→Next→directory 选择 JDK 安装目录，我的是 D:\Program Files\Java\jdk1.8.0_72 ，点击 finish ，选择新添加的 JDK ，点击 OK 退出，

（ 3 ）选择 window → preferences →MyEclipse→services→tomcat→ 选择 tomcat 版本 ( 我的是 tomcat 8.x) → 点击 Enable→browsetomcathome 目录（我的是 D:\Program Files\apache-tomcat-8.0.32 ），展开 tomcat 8.x→ 选择 JDK→ 选择刚添加的 JDK VM （我的是 jdk1.8.0_72 ）

配置成功。

web测试环境

（1）打开myeclipse，File →New→Web Project ，输入工程名 test ，点击 finish 新建一个 web 工程。

（2）右键工程名 →Run As→ MyEclipse server application ，选择 Tomcat 8.x ，点击 OK ，将 web 工程发布到 tomcat 服务器中。

（ 3 ）打开浏览器，输入 http://localhost:8080/test/ ，显示如下则配置环境成功。

登录实例（SSH框架+bootstrap 3）

数据库准备（选择mysql）

（1）安装数据库环境，下载合适的mysql，这里用mysql-5.6.22-winx64.msi，安装，配置（默认编码选择utf-8，兼容中文）数据库密码即可。

（2）添加连接数据库驱动，下载mysql的java的jdbc驱动程序，我用的是mysql-connector-java-5.1.34-bin.jar，运行MyEclipse打开数据库视图，如图：

对DB Browser右键，新建数据库连接驱动，选择驱动模块为mysql connector/J，输入驱动名字，连接url（注意连接编码集，我的数据库用utf-8编码，工程也是utf-8，设置为jdbc:mysql://localhost:3306/cls_anal?useUnicode=true&characterEncoding=utf-8），mysql登录名和密码，Add JARs添加jdbc库，Driver classname选择com.mysql.jdbc.Driver，选择保存密码，点击Test Driver测试通过即可点击finish完成，如图：

（3）打开mysql驱动连接到数据库中，右键新建一个数据库login，数据库字符编码选择utf-8，展开数据库，新建表userinfo，添加字段userid(主键，自动递增)，username，userpass。新建一个sql视图插入一行数据到表中。

切换到工程视图（右上角 选择视图即可）。

MyEclipse配置SSH框架

1. 新建web project工程，名字为login。

1. 加入 Struts 支持，右键项目 →MyEclipse→ project facts → 选择安装 struts 1.x ，弹出界面选择下一步，点击 finish 。

1. 加入Spring支持，右键项目 →MyEclipse→ project facts → 选择安装 Spring ，弹出界面选中下一步，然后将 applicationContext.xml 选择放在 WebRoot/WEB-INF 目录中，点击 finish 。

1. 加入Hibernate支持，右键项目 →MyEclipse→ project facts → 选择安装 Hibernate ，弹出界面选中下一步，然后将 的勾去掉，下一步，在 DB Driver 选择之前建好的数据库驱动 mysql ，然后点击 finish 。

查看 applicationContext.xml 配置文件，确保数据库驱动配置正确（因为自动生成的一般不正确），如下所示， driverClassName （有些自动生成是不对的）， url （记得加上编码集为 utf-8 ，因为我的数据库是 utf-8 的，前台转到后台的 spring 过滤器也是 utf-8 的）， username ， password 配置正确。

< bean id = “dataSource”

class = “org.apache.commons.dbcp.BasicDataSource” >

< property name = “driverClassName”

value = “com.mysql.jdbc.Driver” >

</ property >

< property name = “url”

value = “jdbc:mysql://localhost:3306/cls_anal?useUnicode=true&characterEncoding=utf-8″ >

</ property >

< property name = “username” value = “root” ></ property >

< property name = “password” value = “55555″ ></ property >

</ bean >

（5）在struts-config.xml的</struts-config>前加入下面配置（覆盖 message-resources ），（这里使用spring管理struts的action）。

<controller

processorClass=”org.springframework.web.struts.DelegatingRequestProcessor”>

<message-resources parameter=”com.

login.struts.ApplicationResources” />

<plug-in className=”org.springframework.web.struts.ContextLoaderPlugIn”>

<set-property property=”contextConfigLocation”

value=”/WEB-INF/applicationContext.xml” />

</plug-in>

（ 6 ）打开 web.xml 在 </web-app> 前加入如下代码 配置请求编码（使用 spring转换器，编码为utf-8）（这样统一使用utf-8，中文存储到数据库就不会出现乱码了） ：

<filter-name>encodingFilter</filter-name>

<filter-class>

org.springframework.web.filter.CharacterEncodingFilter

</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>UTF-8</param-value>

</init-param>

<init-param>

<param-name>forceEncoding</param-name>

<param-value>true</param-value>

</init-param>

<filter-mapping>

<filter-name>encodingFilter</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

Bootstrap设计登录页面

1. 复制编译版的bootstrap整个文件夹到工程WebRoot下，如图：

1. 在WebRoot新建login.jsp文件。使用bootstrap登录组件，login.jsp代码如下：

<%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″ %>

<%

String path = request.getContextPath ();

String basePath = request.getScheme ()+ “://” + request.getServerName ()+ “:” + request.getServerPort ()+ path + “/” ;

%>

<html lang = “en” >

<meta charset = “utf-8″ >

<meta http-equiv = “X-UA-Compatible” content = “IE=edge” >

<meta name = “viewport” content = “width=device-width, initial-scale=1″ >

<meta name = “description” content = “ 登录界面 “ >

<meta name = “author” content = “jly” >

“icon” href = “../../favicon.ico” >

“bootstrap/css/bootstrap.min.css” rel = “stylesheet” >

“css/signin.css” rel = “stylesheet” >

<div class = “container” >

内容总结

以上是互联网集市为您收集整理的Java+SSH+Bootstrap开发笔记_html/css_WEB-ITnose全部内容，希望文章能够帮你解决Java+SSH+Bootstrap开发笔记_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---