在安装好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)入门小示例


基础教程推荐
猜你喜欢
- 目前比较流行的九大前端框架是哪些? 2023-07-08
- js获取今天、昨天、明天的日期函数代码 2023-07-09
- 高德地图WEB版基础控件展示 原创 2022-11-16
- Ajax实现上传图像功能的示例详解 2023-02-23
- 解决 Cannot read properties of undefined类型的报错 2023-08-31
- layui获取select下面的选项值和value值 2023-10-08
- mint-ui如何自定义messageBox样式 2023-07-10
- Vue中使用Ant框架在form表单中使用输入框或数字输入框且用v-decorator取当前值 2023-10-08
- gojs实现蚂蚁线动画效果 2023-08-12
- JS中的常见数组遍历案例详解(forEach, map, filter, sort, reduce, every) 2023-07-10