Web应用开发(Servlet+html+Mysql)入门小示例
在安装好eclipse并配置完安装环境、安装好tomcat的前提下:
1.新建Dynamic Web Project,选择好运行的tomcat服务器版本等;
2.在WebContent下:
新建folder--resource中新建css,存放bootstrap包------------------------------------------------------------------------------->可以直接引用人家的css样式。
新建js,存放jQuery库;---------------------------------------------------------------------------------------------------------------->导入jquery.min.js
新建user,存放html文件。
示例:新建login.html,完成表单设置,详见---------------------------------------------------------------------------------------->Form表单与servlet结合。
配置<form action="../UserServlet" method="post">
3.在src中新建com.项目名.service,新建UserServlet.java文件;详见------------------------------------------------------->Servlet项目创建教程。
书写完doPost方法后,就可以从前台获取你在文本框中书写的账号密码了。
4.连接数据库,获取数据库内容:
安装好Mysql,使用Navicat工具点击连接数据库,并建好数据库,这里直接导入脚本maintain数据库。(或使用Sql Server也可以)
导入jar包,mysql-connector-java-5.1.5
在src中新建com.项目名+.db,新建DBConnection.java,书写连接、关闭数据库的代码;详见------------------->使用提供的工具类操纵mysql
新建MysqlConfig.java,存放与数据库表列相对应的字符串作为属性;
新建MysqlUtil.java,写sql语句,执行查询工作;
此时,可以将数据库的数据对象获取到后台输出;
5.将后台的数据提交给前台页面,详见----------------------------------------------------------------------------------------------->ajax提交
后台将获取的数据以json格式拼装成html样式,拿到前台去执行。
2.在WebContent下:
新建folder--resource中新建css,存放bootstrap包------------------------------------------------------------------------------->可以直接引用人家的css样式。
新建js,存放jQuery库;---------------------------------------------------------------------------------------------------------------->导入jquery.min.js
新建user,存放html文件。
示例:新建login.html,完成表单设置,详见---------------------------------------------------------------------------------------->Form表单与servlet结合。
配置<form action="../UserServlet" method="post">
3.在src中新建com.项目名.service,新建UserServlet.java文件;详见------------------------------------------------------->Servlet项目创建教程。
书写完doPost方法后,就可以从前台获取你在文本框中书写的账号密码了。
4.连接数据库,获取数据库内容:
安装好Mysql,使用Navicat工具点击连接数据库,并建好数据库,这里直接导入脚本maintain数据库。(或使用Sql Server也可以)
导入jar包,mysql-connector-java-5.1.5
在src中新建com.项目名+.db,新建DBConnection.java,书写连接、关闭数据库的代码;详见------------------->使用提供的工具类操纵mysql
新建MysqlConfig.java,存放与数据库表列相对应的字符串作为属性;
新建MysqlUtil.java,写sql语句,执行查询工作;
此时,可以将数据库的数据对象获取到后台输出;
5.将后台的数据提交给前台页面,详见----------------------------------------------------------------------------------------------->ajax提交
后台将获取的数据以json格式拼装成html样式,拿到前台去执行。
F.A.Q:
附带的这些东西去文件2019-04-03 21:43:03找。