java web项目搭建(基于MyEclipse与Servlet)

来源:互联网 发布:mysql全球地区数据库 编辑:程序博客网 时间:2024/06/05 02:07

java web项目搭建(基于MyEclipse与Servlet)
1.建立项目
File----java web Project


2.统一编码:UTF-8中一个汉字占3个字符
project右键----Properties----Resource----Text file encoding----Other----UTF-8
Window----Preferences----jsp----Encoding----UTF-8
 ----html----Encoding----UTF-8


3.导入jar包:数据库链接jar包
project右键----Properties----Java Build Path----Libraries----Add External JARs----sql jdbc.jar


4.搭建框架
src右键----packages----com.xxxx.bean数据表字段变量----com.xxxx.dao对数据库操作----com.xxxx.db链接数据库----com.xxxx.business业务逻辑层


5.画页面
WEB-INF----NEW----JSP----XXXX.jsp(前台)
WebRoot----New----Folder----admin(后台)
admin----New----JSP----xxxx.jsp

Dreamweaver:
管理站点----新建站点----存储到该项目的WebRoot文件夹----再关联一次
打开.jsp----设计----插入----表格----x行x列----完成
对齐----居中对齐----背景颜色----选中所有表格----背景颜色(白色)----选中一列----高度:xx----选中表格----填充间距边框010----选中一行----合并单元格----表格中填入文字
插入----表单----按钮----居中对齐
插入----表单----复选框----命名----选定值
插入----表单----表单----将表格放入表单
由于Dreamweaver中汉字采用GBK,MyEclipse采用UTF-8导致乱码,将Dreamweaver代码复制粘贴到MyEclipse中解决。

例:登录界面:
打开login.jsp----设计----插入----表格----3行2列----完成
对齐----居中对齐----背景颜色----选中所有表格----背景颜色(白色)----选中一列----高度:xx----选中表格----填充间距边框010----选中一行----合并单元格----表格中填入文字
空格:  
插入----文本字段----username
插入----文本字段----密码----pwd
插入----表单----按钮----居中对齐
插入----表单----表单----将表格放入表单
框架页:
文件----新建----基本页----html
插入----html----框架----左右----保存----admin----main.htm----代码----frame src="left.jsp"----frame src="right.jsp"----MyEclipse刷新----admin----New----JSP----left.jsp----right.jsp----main.htm改为main.jsp----将login.jsp最上面的一段代码page+path+basePath复制到main.jsp上面----title改为后台----左右宽度:frameset cols="120,*"
left.jsp----设计----加入文字----链接xxxx.jsp----代码中加样式----页面属性----外观----背景颜色
<style>
a:link {color:#FF0000; text-decoration:none} /*未访问的链接*/
a:visited {color:#00FF00; text-decoration:none} /*已访问的链接*/
a:hover {color:#FF00FF; text-decoration:underline} /*鼠标在链接上*/
a:active {color:#0000FF; text-decoration:underline} /*激活链接*/
</style>
左边点击文本右边页面显示新.jsp页面:
left.jsp----将文本与链接的xxxx.jsp关联<body><a href="xxxx.jsp" target="rightFrame"(main.jsp里面的frame中name="rightFrame")</a></body>----查找替换<base href="<%=basePath%>">(原本起到相对地址查询的作用)


6.写类(登录界面)
(1)java db层:链接数据库
com.xxxx.db----新建类ConnDB.java
package com.xxxx.db;
import java.sql.Connection;
import java.sql.SQLException;

public class ConnDB{
//获取数据库链接
public static Connection getConn(){
Connection conn=null;
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

String url="jdbc:sqlserver://127.0.0.1:1433;databasename=xxxx";
String user="sa";
String password="xxxxxxxxx";
conn=DriverManager.getConnection(url,user,password);
} catch (Exception e) {
e.printStackTrace();
}
return conn;
}
/关闭数据库链接
public static void closeConn(Connection conn){
If(conn !=null)
try{
conn.close();
}catch (SQLException e) {
.printStackTrace();
}
}
//检验是否能链接数据库
public static void main(String[] args) {
getConn();
}
}

(2)java bean层:多少个表建立多少个bean层,即xxx.class
数据库字段全设为private----source----补全get\set
(3)java dao层:对数据库操作
增删改查方法 public void Add/Delete/Update/Find(){}----checklogin方法(检查是否登录成功)
public void checklogin(Stirng username,String pwd){
Users users = null; %bean层中用户表类
try{
String sql="select * from users where username='"+username+"' and pwd='"+pwd"'";
Connection conn = ConnDB.getConn();
Statement stmt = conn.createStatement(); %声明数据库查询
ResultSet rs = stmt.executeQuery(sql); %执行数据库查询
if(rs.next()){ %rs中是否有值
users = new Users();
users.setUid(rs.getInt("uid"));\
users.setUsername(rs.getString("username"));
users.setPwd(rs.getString("pwd"));
}
} catch (Exception e){
e.printStackTrace();
}
return users;
}
(4)java business层:业务逻辑层
页面和java类相连接是通过servlet
com.xxxx.business----New----Servlet----Servlet/JSP Mapping URL:/admin/usersServlet(与众多xxxx.jsp处于同一文件夹,跳转方便)----finish
login.jsp----activce="usersServlet"(点击登录跳转到/admin/usersServlet,usersServlet关联了com.xxxx.business.UserServlet)----由于method="post"则在com.xxxx.business.UserServlet中执行dopost方法----删除dopost里的代码写入:
String username=request.getParameter("username");(login.jsp中的username)
String pwd=request.getParameter("pwd");
UserDao dao =new UserDao();
Users users=dao.checklogin(username,pwd);
if(users != null){
request.getRequestDispatcher("main.jsp").forward(request,response);
} else {
request.getRequestDispatcher("login.jsp").forward(request,response);
}


7.测试部署















0 0
原创粉丝点击