我的第一个系统

一．菜单栏的制作 2

一:搭建数据库 2

1. 建立数据库: 2

2. 添加数据 2

二：创建工程： 2

1. 创建shangde web工程： 2

2. 导入lib包 2

3. 搭建ssh支持： 2

三：工程实施： 4

1. 连接数据库的时候还有一个关键一步，加上这句话，不然跑不起来， 4

2. 对数据库的数据方向工程 5

3. 导入jsp页面需要的页面布局配置： 5

4. 在src下面新建一个放接口的包web.dao 5

5. 在src下新建一个是实现接口的包web.dao.imp 5

6. 建立页面index.jsp 6

二：地址管理的实现 13

1. 实现点击地址管理，跳到地址页面 13

① 数据库里已经定义了地址管理对应的跳转页面的标识项 13

② struts.xml增加这项标识： 13

③ 在WebAction里面增加方法 addAddress 13

④ 新增跳转页面addresslist.jsp 13

2. 数据库的建立：（address） 13

3. 给数据库添加数据 14

4. 对address表反向工程 14

5. 新建实现接口 AddressDao.java 14

6. 新建实现AddressDao.java接口的类 14

7. 新建地址页面addresslist.jsp 15

8. 解释addresslist里面的数据是怎么拿到的： 18

9. 给这些值赋值（在WebAction里面） 18

10. 效果 19

三．添加地址： 20

2. 给接口AddressDao添加添加地址的方法 20

3. 在AddressDaoImp类里实现这方法 20

4. 添加地址后面对应的连接：addAddress.jsp 20

5. 添加addAddress.jsp页面 21

6. 这个表单对应的action是： 22

7. 在WebAction.java里面添加 addAddress方法 22

2. 在WebAction.java类里添加变量 addressId 23

private int addressId;// 地址ID 然后生成get set方法 23

3. 在structs.xml添加oneAddress.action 23

4. 在AddressDaoImp实现查找指定Address的方法 24

5. 在WebAction.java添加oneAddress方法 24

1. 先定义Address addre;//地址信息类并生成 get set方法 24

6. 添加updateAddress.jsp页面 24

7. 在添加struts.xml添加这个action 26

8. 在WebAction.java添加updateAddress方法 26

一．菜单栏的制作

一:搭建数据库

1. 建立数据库:

2. 添加数据

二：创建工程：

1. 创建shangde web工程：

2. 导入lib包

3. 搭建ssh支持：

①　添加spring支持

②　添加structs支持

勾勾都去掉

③　添加数据库

④　添加Hibernate支持

⑤　建立spring struts联系

1) 在src下新建一个文件及并添加这项数据：struts.objectFactory=spring

2) 在web.xml配置

添加：org.springframework.web.context.ContextLoaderListener

添加：

⑥　工程建立完成

三：工程实施：

1. 连接数据库的时候还有一个关键一步，加上这句话，不然跑不起来，

还有struts.xml也有修改

写成json-default

2. 对数据库的数据方向工程

3. 导入jsp页面需要的页面布局配置：

4. 在src下面新建一个放接口的包web.dao

public interface RelationDao{

List<String> findPmenu(int id);

List<SysMenu0> findRelation(int id)l;

}

这个接口有两个方法：

1. 用来查找所有的主菜单名字

List<String> findPmenu(int id)

2. 用来查找所有的主菜单所有信息

List1<SysMenu> findRelation(int id);

5. 在src下新建一个是实现接口的包web.dao.imp

Public class RelationDaoImp extends ActionSupport implements RelationDao{

Public List<String> findPmenu(int id){

List<object []> list=this.getHibernateTemolate().find(“from Sysmenu m.SysRelation r where m.id=r.mid and r.tid=?”+”order by m.fsign”,id);

List<String> listm=new Arraylist<string>();

If(list!=null&&list.size()>0){

For(int i=0;i<list.size();i++){

Listm.add(((System)list.get(i)[0]).getName());

}

return listm;

}

Public List<SysMenu> findRelation(int id){

List<Object[]>list=this.getHibernateTemplate().find(“from SysMenu m,SysRelation r where m.id=r.mid and r.tid=? order by m.sign ”,id);

List<SysMenu> listm=new Arraylist<>();

If(list!=null&&list.size()>0){

For(int i=0;i<list.size();i++){

Listm.add((System)list.get(i)[0]);

}

Return listm;

}

6. 建立页面index.jsp

1. 先导入外部支持文件 css js jsquary

2. 页面初始化方法：

$(document).ready(function() {

//index.action

var url = "index.action?id=" +

<%=id%>;

});

function login(url) {

$.ajax({

url : url,

type : "Get",

async : false,

dataType : "json",

success : function(daa) {

for (var i = 0; i < daa.dataa.length; i++) {

var str = "<li class='submenu'><a herf='#'><span>"

+ daa.dataa[i].namee + "</span></a><ul>"

for (var j = 0; j < daa.dataa[i].listt.length; j++) {

str += '<li><a class="menu_a" link="'+daa.dataa[i].listt[j].url+'"> '

+ daa.dataa[i].listt[j].functions

+ '</a></li>'

}

str += "</ul></li>"

document.getElementById("indexxx").innerHTML += str;

}

});

}

</script>

3. 这里有个index.action 所以要在struts.xml添加它的相关事件，

</result>

</action>

</package>

</struts>

4. 给webAction添加依赖注入（在applicationContext.xml）

</bean>

5. WebAction里面定义了relationDao,所以也要添加它的依赖注入

</bean>

6. 在WebAction类里面添加实现方法 index

1. RelationDao relationDao;

2. private int id;//从网页上获取数据，所以名字要和index.jsp上定义得id一样

3. private JSONObject s;//页面上的ajas需要一个JSONObject对象传来的东西

生成get set方法

4. 实现index方法

public String index() throws Exception {

List<String> listp = relationDao.findPmenu(id);//存放的都是父菜单名

List<SysMenu> list = relationDao.findRelation(id);//获取一整个父类的信息

List<Map<String, Object>> lista = new ArrayList<Map<String, Object>>();

if (list != null && list.size() > 0) {

for (String str : listp) {

Map<String, Object> map = new HashMap<String, Object>();

List<Map<String, Object>> listf = new ArrayList<Map<String, Object>>();

map.put("namee", str);//这里存的是父名

for (SysMenu me : list) {

//menu = relationDao.findMenu(re.getMid());

if (str.equals(me.getName())) {//这里的作用是取出父类名下的小类

Map<String, Object> mapr = new HashMap<String, Object>();

mapr.put("functions", me.getFunction());

mapr.put("url", me.getUrl());

listf.add(mapr);

}

map.put("listt", listf);//这个"list"里面包括了父类里的小项所有信息

lista.add(map);

}

s = JSONTools.createJsonObject("dataa", lista);//这个dataa是ajax里面获取数据的标志

return "success";

}

7. 完整的的index.jsp 页面

<%@ page contentType="text/html; charset=UTF-8"%>

<%@ taglib uri="/struts-tags" prefix="s"%>

Integer id = 18;

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page isELIgnored="false"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>

<head>

<title>“尚德书院”管理系统平台</title>

$(document).ready(function() {

//index.action

var url = "index.action?id=" +

<%=id%>;

});

function login(url) {

$.ajax({

url : url,

type : "Get",

async : false,

dataType : "json",

success : function(daa) {

for (var i = 0; i < daa.dataa.length; i++) {

var str = "<li class='submenu'><a herf='#'><span>"

+ daa.dataa[i].namee + "</span></a><ul>"

for (var j = 0; j < daa.dataa[i].listt.length; j++) {

str += '<li><a class="menu_a" link="'+daa.dataa[i].listt[j].url+'"> '

+ daa.dataa[i].listt[j].functions

+ '</a></li>'

}

str += "</ul></li>"

document.getElementById("indexxx").innerHTML += str;

}

});

}

</script>

</head>

<body >

<h1>

</h1>

</div>

<li class="dropdown" id="profile-messages"><a title="" href="#"

data-toggle="dropdown" data-target="#profile-messages"

class="dropdown-toggle"> <i class="icon icon-user"></i> <span

class="text">欢迎你

</span> <b class="caret"></b>

</a>

<li><a class="menu_a" link="allActivity.action"><i

class="icon-check"></i> 我的发布</a></li>

<li><a class="menu_a" onclick="unLogin(this)"><i

class="icon-key"></i> 退出系统</a></li>

</ul></li>

</ul>

</div>

</a>

<ul>

<li><a class="menu_a" link="relationList.jsp"><i

class="icon icon-caret-right"></i>权限列表</a></li>

</ul></li>

</ul>

</div>

<a href="newIndex.jsp" title="返回主页" class="tip-bottom"><i

class="icon-home"></i> Home</a>

</div>

</div>

//初始化相关元素高度

function init() {

$("body").height($(window).height() - 80);

$("#iframe-main").height($(window).height() - 90);

$("#sidebar").height($(window).height());

}

/**/

$(function() {

init();

$(window).resize(function() {

init();

});

function goPage(newURL) {

if (newURL != "") {

if (newURL == "-") {

} else {

document.location.href = newURL;

}

function resetMenu() {

document.gomenu.selector.s // if url is empty, skip the menu dividers and reset the menu selection to default

electedIndex = 2;

}

</script>

</body>

</html>

按照以上方法，就可以出现菜单栏

二：地址管理的实现

1. 实现点击地址管理，跳到地址页面

①　数据库里已经定义了地址管理对应的跳转页面的标识项

②　struts.xml增加这项标识：

<result name="success">/addresslist.jsp</result>

</action>

③　在WebAction里面增加方法 addAddress

public String allAddress() {

return "success";

}

④　新增跳转页面addresslist.jsp

2. 数据库的建立：（address）

3. 给数据库添加数据

4. 对address表反向工程

因为这是中途添加的表，所以要在applicationContext.xml里面看看有没有他的映射文件

我第一次中途添加表的时候，就是因为applicationContext.xml里面没有自动添加他的映射，而导致我的工程运行不起来

（确保有映射）

5. 新建实现接口 AddressDao.java

public interface AddressDao {

public List<Address> allAddress(int i);//用来查找第i条到第几条的类容，作用是给分页时提供不同的内容

public double pageSum();//用来查找数据的总量，然后在做分页的时候，用来得到页数

}

6. 新建实现AddressDao.java接口的类

public class AddressDaoImp extends HibernateDaoSupport implements AddressDao {

public List<Address> allAddress(int i) {

Session ssn = getSession();

Query query = ssn.createQuery("from Address");

query.setFirstResult(i);//从第i条数据开始查

query.setMaxResults(7);//最大可以查的数据量 7 范围就是i~i+7List<Address> l = query.list();//query.list()的作用是获得query查找出来的量

ssn.close();

return l;

}

public double pageSum() {

Session session = getSession();

Query query = session.createQuery("select count(*) from Address");

Long count = (Long) query.uniqueResult();//uniqueResult的用法是，当确定返回值这有一个的时候。用uniqueresult

double a = count;

session.close();

return a;

}

7. 新建地址页面addresslist.jsp

<%@page contentType="text/html; charset=UTF-8"%>

<%@taglib uri="/struts-tags" prefix="s"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@ page isELIgnored="false"%>

<!DOCTYPE html>

<html>

<head>

var goodid;

function deleteaddress(id){

var url = "oneAddress.action?addressId="+id;

window.location.href=url;

}

</script>

</head>

<s:debug/>

<tbody>

<c:forEach items="${addresslist}" var="res">

<small>

${res.id}

</small>

</td>

<small>

${res.name}

</small>

</td>

<small>

${res.longitude}

</small>

</td>

<small>

${res.latitude}

</small>

</td>

<td>

</td>

</tr>

</c:forEach>

</td>

</tbody>

</table>

<s:if test="page2!=1">

</s:if>

<s:if test="page2!=PageSum2">

</s:if>

第${page2}页/共${PageSum2}页

</div>

</td>

</div>

</body>

</html>

8. 解释addresslist里面的数据是怎么拿到的：

①　

②　这个是在WebAction.java类里申明了一个量 private List<Address> addresslist;

③　后面的var = “res”是一个标识列，用来遍历addresslist

④　

这里n的作用是：标识点击的是哪个。所以等下WebAction.java类里也要声明一个

9. 给这些值赋值（在WebAction里面）

ApplicationContext.xml添加配置

</property>

</bean>

</bean>

AddressDao addressDao;

Map session;

private int n;

private int pageSum, page;// 活动页码

private int pageSum1, page1;// 活动内别页码

private int pageSum2, page2;// 地址页码

private int pageSum3, page3;// 公告页码

private int pageSum6, page6;// 学生cj列表页码

private List<Address> addresslist;

然后生成get set方法

实现allAddress（）方法

public String allAddress() {

Integer pa = (Integer) session.get("addresspag");//原来这句话的用法是，在用户登录的时候，就给addresspag赋值了1,现在我没有登录界面所以我只能在 inddex()方法里进行赋值 session.set(“addresspag”,1);

pageSum2 = (int) (addressDao.pageSum() / 7 + 0.99);//用来获取总页数

if (pageSum2 == 0)

pageSum2 = 1;

if (n == 0)

pa = 1;

else if (n == 1 && pa > 0)

pa = pa - 1;

else if (n == 2 && pa < pageSum2)

pa = pa + 1;

else if (n == 3 && pa < pageSum2)

pa = pageSum2;

n = 5;// 保持原位置

page2 = pa;

addresslist = addressDao.allAddress((pa - 1) * 7);

session.put("addresspag", pa);

//pageSum2 n 的值都是在页面中自己获得的

return "success";

}

注意的是：在给session.set(“addresspag”,1)赋值的时候，要在index（）方法里，如果在set方法里，将导致每次session.set()方法都被执

10. 效果

三．添加地址：

1. 在applicationContext.xml里面给数据里添加中文支持

不添加的结果就是，在网页里输入中文时：数据库里添加的数据变成问号，如下：

2. 给接口AddressDao添加添加地址的方法

public interface AddressDao {

public List<Address> allAddress(int i);

public double pageSum();

public void newAddress(Address address);//添加新地址

}

3. 在AddressDaoImp类里实现这方法

public void newAddress(Address address) {

this.getHibernateTemplate().save(address);

}

4. 添加地址后面对应的连接：addAddress.jsp

5. 添加addAddress.jsp页面

<%@page contentType="text/html; charset=UTF-8"%>

<%@taglib uri="/struts-tags" prefix="s"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page isELIgnored="false"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

<style>

th {

background-color: #F5F5F6;

}

#container {

width: 500px;

height: 300px;

border: 1px solid gray;

margin: 0 auto;

}

</style>

</head>

</div>

</td></tr><tr><th>教室经度</th><td>

input class="form-control " type="text" name="range" placeholder="推荐范围10~20">

</td>

</tr>

</table>

</div></form></div></div></div></div></div></div></div></body>

</html>

6. 这个表单对应的action是：

則在sturcts.xml添加对他的响应

7. 在WebAction.java里面添加 addAddress方法

①　先声明网页里用到的变量：

private Double latitude;// 地址纬度

private Double longitude;//教师经度

private int range;//范围

private String address;//地点名称

生成get set 方法

②　添加addAddress方法

// 添加地址

public String addAddress() {

Address add = new Address();

add.setName(this.getAddress());

add.setLatitude(this.getLatitude());

add.setLongitude(this.getLongitude());

add.setARange(this.getRange());

if (add.getARange() == null) {

add.setARange(10);

}

addressDao.newAddress(add);

return "success";

}

效果：

四：修改界面

1. 添加修改按钮的响应事件

添加javascript语句

Function deleteaddress(id){

Var url=”oneAddress.action?addressId=”+id;

Window.location.href=url;

}

</script>

2. 在WebAction.java类里添加变量 addressId

private int addressId;// 地址ID 然后生成get set方法

3. 在structs.xml添加oneAddress.action

<result name="success">/updateAddress.jsp</result>

</action>

4. 在AddressDaoImp实现查找指定Address的方法

public Address findAddress(int addressId) {

List<Address> list = getHibernateTemplate().find("from Address where id=?", addressId);

return list.get(0);

}

5. 在WebAction.java添加oneAddress方法

1. 先定义Address addre;//地址信息类并生成 get set方法

public String oneAddress() {

// System.out.println(itemId);

addre = addressDao.findAddress(addressId);

// System.out.println(acItem.getAname());

return "success";

}

6. 添加updateAddress.jsp页面

<%@page contentType="text/html; charset=UTF-8"%>

<%@taglib uri="/struts-tags" prefix="s"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page isELIgnored="false"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>

<html>

<head>

</style>

</script>

</script>

</head>

</div>

<h1>${addre.name}</h1>

</div>

<textarea class="form-control " rows="2" type="text" name="name">${addre.name}</textarea>

</div>

<textarea class="form-control " rows="2" type="text" name="longitude">${addre.longitude}</textarea>

</div>

<textarea class="form-control " rows="3" type="text" name="latitude">${addre.latitude}</textarea>

</div>

</div></div></div></form></div></div></div></div></div>

</div>

</body>

</html>

7. 在添加struts.xml添加这个action

<result name="success" type="chain">allAddress</result>

</action>

8. 在WebAction.java添加updateAddress方法

// 修改地址

public String updateAddress() {

Address address = addressDao.findAddress(addressId);

address.setName(name);

address.setLatitude(this.getLatitude());

address.setLongitude(this.getLongitude());

address.setARange(this.getRange());

addressDao.updateAddress(address);

return "success";

}

效果：