ExtJs、Struts2、Hibernate3.2登录页面的简单实现

1、思想的大致模型

2、建立数据库test和数据库表tb_user

1 CREATEDATABASE `test`;
2  CREATETABLE `test`.`tb_user` (
3 `username` varchar(20) NOTNULL,
4 `password` varchar(20) NOTNULL,
5 PRIMARYKEY (`username`)
6 ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3、加入基本的struts包

3.1、加入struts2的基本包

commons-fileupload-1.2.1.jar

commons-io-1.3.2.jar

freemarker-2.3.16.jar

javassist-3.7.ga.jar

ognl-3.0.jar

struts2-core-2.2.1.jar

xwork-core-2.2.1.jar

3.2、加入struts.xml文件到myeclipse6.5工程里的src,文件内容为

1 <?xml version="1.0" encoding="UTF-8" ?>
2  <!DOCTYPE struts PUBLIC
3 "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
4 "http://struts.apache.org/dtds/struts-2.0.dtd">

6  <struts>
7 <package name="Service" extends="struts-default">
8 <!-- 配置Action -->
9 <action name="login_post" class="Service.Login"></action>
10 </package>
11 <!-- Add packages here -->
12  </struts>
13

3.3、配置WebRoot里的Web-INF的web.xml文件内容为

1 <?xml version="1.0" encoding="UTF-8"?>
2  <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
3 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
5 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
6 <filter>
7 <filter-name>struts2</filter-name>
8 <filter-class>
9 org.apache.struts2.dispatcher.FilterDispatcher
10 </filter-class>
11 </filter>
12 <filter-mapping>
13 <filter-name>struts2</filter-name>
14 <url-pattern>/*</url-pattern>
15 </filter-mapping>
16 <welcome-file-list>
17 <welcome-file>index.jsp</welcome-file>
18 </welcome-file-list>
19  </web-app>
20  


4、配置hibernate3.2

4.1、项目->点击右键->MyEclipse->Add HibernateCapabilities…

4.2、配置hibernate.xml文件

1 <?xml version=‘1.0‘ encoding=‘UTF-8‘?>
2  <!DOCTYPE hibernate-configuration PUBLIC
3 "-//Hibernate/Hibernate Configuration DTD 3.0//EN"
4 "http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">

6 <!-- Generated by MyEclipse Hibernate Tools. -->
7 <hibernate-configuration>

9 <session-factory>
10 <property name="connection.username">root</property>
11 <property name="connection.url">
12 jdbc:mysql://localhost:3306
13 </property>
14 <property name="dialect">
15 org.hibernate.dialect.MySQLDialect
16 </property>
17 <property name="myeclipse.connection.profile">mysql</property>
18 <property name="connection.password">123</property>
19 <property name="connection.driver_class">
20 com.mysql.jdbc.Driver
21 </property>
22 <!-- 数据库方面的sql语句的显示,可省略-->
23 <property name="current_session_context_class">thread</property>
24 <property name="show_sql">true</property>
25 <property name="format_sql">true</property>
26 <!-- 数据库存储方面的字符串格式,不可省略,使传送到数据库的编码是utf-8格式 -->
27 <property name="connection.useUnicode">true</property>
28 <property name="connection.characterEncoding">UTF-8</property>
29 <mapping resource="Model/TbUser.hbm.xml"/>
30 
31 </session-factory>
32 
33 </hibernate-configuration>


5、文件总目录

6、运行效果图

mysql数据库

7、总结:

掌握了java的一些数据传送规律

懂得了如何简单地使用struts2和hibernate3.2

让自己对java和asp.net(asp.net mvc)有个简单的比较

8、以下是相关配置和使用环境

win7系统

myeclipse6.5

tomcat6.0版本

extjs3.2版本

struts2.2.1

hibernate3.2

mysql5.1

9、下载相关

因为源代码没有加入Extjs,所以这部分添加麻烦读者自己到它们的官方网站下载了。

Extjs官方下载包:http://www.sencha.com/products/js/

struts配置:http://files.cnblogs.com/yongfeng/Struts.rar

MyEclipse配置手册(包含tomcat6.0):http://files.cnblogs.com/yongfeng/%e6%93%8d%e4%bd%9c%e6%89%8b%e5%86%8c_MyEclipse.rar

源代码下载:http://files.cnblogs.com/yongfeng/ExtJs_Struts2_Hibernate.rar

from: http://www.cnblogs.com/yongfeng/archive/2010/10/23/1859232.html

时间: 2024-10-01 02:14:57

ExtJs、Struts2、Hibernate3.2登录页面的简单实现的相关文章

java web: eclipse &amp; maven &amp; jetty &amp; struts2 &amp; mysql = 简单登录页面

第一次接触java web开发,花费了一天半的时间,写了个简单的登录页面,以此文为记. 开发工具 Eclipse Luna Release (4.4.0) 已集成maven,maven目前的体会就是管理各种依赖 jetty为maven提供的一个插件,类似tomcat struts2框架,MVC,action,jsp mysql server 5.6 开发过程 1. 新建Maven web工程 Group Id: org.apache.maven.archetypes Artifact Id: m

Nodejs+Extjs+Mongodb开发第三天 登录页面(1)

学习新技术最快捷的方式就是做项目.在第一天的环境搭建好后,我就准备基于Nodejs+Extjs+Mongodb来做一个Web系统. 环境搭建:http://blog.csdn.net/jrainbow/article/details/38845639 一.技术选择的原因 1.Nodejs.这个不用说了,就是为了学习这个来的.因为要做的是Web系统,所以选择了Express框架. 2.Extjs.原因也很简单,因为笔者的美工不行,而且之前有使用过Extjs框架.为了更满足自己的银弹心理,这个项目选

HTML5实战教程———开发一个简单漂亮的登录页面

最近看过几个基于HTML5开发的移动一样,已经越来越流畅了,相信随着职能手机的配置越来越高性能越来越好,HTML5技术的使用在移动端应用的会越来越普及,应用越来越广泛,因此作为移动开发者,掌握这门技术自然有着强烈的紧迫感.今天就写一个小小的登录页面的demo,巩固最近的学习,也给有兴趣的朋友学习HTML5技术做个参考. 在这里您可以下载到我最后实现的登录页面的demo源码,地址:http://pan.baidu.com/s/1kU1I50b. 准备工作 1.webStorm或者其他网页开发工具.

ExtJS提交到服务器端的方式以及简单的登录实现

ExtJS平台已经搭建好了,那么接下来要做网站的登录页面,当然还是在jsp页面里加载extjs的,首先我们先了解一下关于extjs是如何提交到服务器端的: 1.EXT的form表单ajax提交(默认提交方式)  相对单独的ajax提交来说优点在于能省略写参数数组,参考代码 var formPanl = new Ext.FormPanel( { });//里边的参数就不写了 function login(item) { if (validatorForm()) { // 登录时将登录按钮设为dis

vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容

新建一个Login.vue(登录页面,先把Hello.vue的内容复制过来即可) 然后我们打开router下面的index.js,第一个箭头:(引入vue路由)第二个箭头(引入我们新建的Login.vue页面)第三个箭头(我们要使用这个路由)第四个箭头(配置路由,path表示在浏览器中输入的路由名称) 然后我们在浏览器中输入这个login页面的地址,就会出来内容了,这样一个简单的页面就建成了 因为我们要使用semantic-ui,所以我们安装一下semantic-ui,进入到命令行界面输入npm

一步一步理解 python web 框架,才不会从入门到放弃 -- 简单登录页面

上一节,我们基本了解了 Django 的一些配置,这一节,我们将通过一个简单的登录页面,进一步学习 Django 的使用. 新建项目 首先,新建一个 Django 项目,记得别弄错了哦. settings 中静态文件.templates 路径配置 这里我们已经写好了登录页面(点我下载),但是这一个登录页面不单只是一个 HTML 文件,还有一些静态文件.我们上一次已经说过了,想要在 HTML 中引进静态文件的话,需要在 settings 中配置静态文件夹.login.html 放在 templat

SpringBoot整合LayUI和Thymeleaf制作简单登录页面

前面已经学习过SpringBoot整合Thymeleaf,这次主要把上次提到的简单登录界面用博文形式写出来 记录一个小Demo的学习,如果没看过SpringBoot整合Thymeleaf可以看一下SpringBoot整合Thymeleaf(三) 先上页面效果图: Demo所涉及的知识点 1.SpringBoot请求映射 2.static和templates静态资源映射 只要简单了解这两个知识点,就可以做出简单的登录的页面 Demo所涉及的目录结构图 Demo所涉及的Pom文件的主要依赖 <dep

PHP——修改数据库2-加提示框,加简单的登录页面(单一方法)

登录页面:0127lianxi.php <body> <h1>登陆</h1> <form action="0127lianxi.php" method="post"> <div> <span>用户名:</span><input type="text" name="uid" /></div> <div> <

Web核心之最简单最简单最简单的登录页面

登录案例 需求分析: 1. 在登录页面提交用户名和密码 2. 在Servlet中接收提交的参数,封装为User对象,然后调用DAO中的方法进行登录验证 3. 在DAO中进行数据库查询操作,根据参数判断是否有对象的用户存在 4. 在Servlet中判断返回的User是否为空,决定登录是否成功 5. 回显登录结果到页面,使用转发和request域进行页面跳转和数据传递. DAO: data access object 数据访问对象,一般用于封装和数据库交互的操作. 参数的封装 BeanUtils 方