在安装好eclipse并配置完安装环境、安装好tomcat的前提下:1.新建Dynamic Web Project,选择好运行的tomcat服务器版本等;2.在WebContent下:?? 新建folder--resource中新建css,存放bootstrap包------------------...

在安装好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样式,拿到前台去执行。 F.A.Q: 附带的这些东西去文件2019-04-03 21:43:03找。 ? ? ?
沃梦达教程
本文标题为:Web应用开发(Servlet+html+Mysql)入门小示例


猜你喜欢
- vue+springboot实现分页 2023-10-08
- vue-promise的all方法使用 2023-10-08
- Ajax返回数据之前的loading等待效果 2023-02-14
- 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页 2022-10-17
- Vue Router(一) 2023-10-08
- 快速解决ajax请求出错状态码为0的问题 2023-02-15
- VUE界面设计(Ⅰ)——Login界面 2023-10-08
- 「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之docker部署(八) 2023-10-08
- 如何优化CSS中的文本大小设置问题 2023-10-08
- 没时间学 Vue (2) 2023-10-08