在安装好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)入门小示例的更多相关文章

  1. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  2. web前端开发分享-css,js入门篇(转)

    转自:http://www.cnblogs.com/jikey/p/3600308.html 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人 ...

  3. web前端开发分享-css,js入门篇

    学习没有捷径,但学习是有技巧与方法.   一,css入门篇:   推荐书籍:css哪些事儿,精通css. 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物. 系统的介绍了css的选 ...

  4. Highcharts入门小示例

    一.创建条形图 1.创建div容器 <div id="container" style="min-width:800px;height:400px"> ...

  5. web前端开发分享-目录

    1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...

  6. 【转】 web前端开发分享-目录

    http://www.cnblogs.com/jikey/p/3613082.html 1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发 ...

  7. 在javaEE下学习web(在eclipse中开发动态的WEB工程,servlet的环境搭建,及servlet的一些方法)

    一个简便的方法实现javaee版的eclipse开发动态的WEB工程(javaWEB项目)1.把开发选项切换到javaEE2. 可以在window->shou view 中找到package e ...

  8. Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门)

    1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈 小程序.Vue.js.koa2.koa- ...

  9. Web 前端开发学习之路(入门篇)

    字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== ...

随机推荐

  1. Python正则表达式的简单应用和示例演示

    前一阵子小编给大家连续分享了十篇关于Python正则表达式基础的文章,感兴趣的小伙伴可以点击链接进去查看.今天小编给大家分享的是Python正则表达式的简单应用和示例演示,将前面学习的Python正则 ...

  2. Python环境搭建—安利Python小白的Python安装详细教程

    人生苦短,我用Python.众所周知,Python目前越来越火,学习Python的小伙伴也越来越多.最近看到群里的小伙伴经常碰到不会安装Python或者不知道去哪下载Python安装包等系列问题,为了 ...

  3. 网络场景图WebScene介绍

    网络场景图的创建同样需要ID,然后再放入3维的地图底图中. 1.创建一个新的网络场景图 "esri/WebScene" var scene = new WebScene({ por ...

  4. 23种JavaScript设计模式

    原文链接:https://boostlog.io/@sonuton/23-javascript-design-patterns-5adb006847018500491f3f7f 转自: https:/ ...

  5. JAVA学习(一)——基本语法

    tips:前端开发写惯了弱类型语言,再来学强类型语言,真的是被各种修饰符.类型声明给整的云里雾里,而且java语法和javascript语言差别还是很大的,所以做好笔记,把一些需要注意的地方记下来是非 ...

  6. vector与deque的区别

    最重要的区别,是内部实现上.deque是分段存储的. 都是支持随机存取. http://www.cnblogs.com/zhuyf87/archive/2012/12/09/2809896.html ...

  7. 数据库范式小结 1NF 2NF BCNF 3NF 4NF DB normal form

    1. 1NF指关系中的每个变量不可再分 2. 2NF指消除了非主属性对码(candidate key)的部分依赖的1NF 比如(S#,C#)-> SN ,(S#,C#)-> SD .S#- ...

  8. PS实现分幅扫描图片的批量自己主动拼接

    非常easy,仅仅需两步搞定: 一.打开工具.如图所看到的:   二.选择图片,进行拼接:   静待结果!

  9. 【php学习笔记】ticks篇

    1. 什么是ticks 我们来看一下手冊上面对ticks的解释: A tick is an event that occurs for every N low-level statements exe ...

  10. 关于exports 和 module.exports

    本文来源为node.js社区附上链接 http://cnodejs.org/topic/5231a630101e574521e45ef8 require 用来加载代码,而 exports 和 modu ...