Fork me on GitHub

Posted on | Edited on | In

javaweb基础之HTML_1

HTMl基本结构

可参考教程w3schools

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html document</title>
	</head>

	<body>
		
	</body>
</html>

  • The “!DOCTYPE html” declaration defines this document to be HTML5,It must only appear once, at the top of the page (before any HTML tags).The <!DOCTYPE> declaration is not case sensitive.
  • The “html” element is the root element of an HTML page
  • The “head” element contains meta information about the document
  • The “title” element specifies a title for the document
  • The “body” element contains the visible page content
  • The “h1” element defines a large heading
  • The “p” element defines a paragraph
Read more »

Posted on | Edited on | In

本文进行对象的编辑和提交功能

对分类对象进行编辑和提交

操作思路

  1. 在CategoryMapper中增加sql语句

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!-- 通过id获取Category对象 -->
    <select id="get" resultType="Category">
    	select * from category where id = #{id}
    </select>

    <!-- 提交数据 -->
    <update id="update" parameterType="Category">
    	update category set name = #{name} where id = #{id}
    </update>

  2. 在CategoryMapper/CategoryService/CategoryServiceImpl中增加get和update方法，代码略

  3. 在listCategory.jsp中增加edit的超链接。效果：网页上点击图标，进入admin_category_edit链接，并传入id

    1
    2
    3
    4
    5
    6
    <td>
    	<a href="admin_category_edit?id=${c.id}">
    		<span class="glyphicon glyphicon-edit"/>
    	</a>
    </td>

Read more »

Posted on | Edited on | In

继续javaweb_forQuery的内容，本文讲解删除操作

对列表中对象进行删除操作

增加删除的超链

指向地址admin_category_delete，并传递该对象的id过去

1
2
3
4
5
6
7
8
9
/*在listCategory.jsp文件中 */
<td>
	<a deleteLink="true" 
		href="admin_category_delete?id=${c.id}">
		<span class=" 	glyphicon glyphicon-trash">
		</span>
	</a>
</td>

用于删除前的确认

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*在adminHeader.jsp文件中 */
/*对所有的删除链接进行监听  */
$(function(){
	$("a").click(function(){
		var deleteLink = $(this).attr("deleteLink");
		console.log(deleteLink);
		if("true"==deleteLink){
			var confirmDelete = confirm("确认要删除");
			if(confirmDelete)
				return true;
			return false;
			
		}
	});
})

[延伸阅读]有关jsp的知识可以参考JSP简介|菜鸟教程，简要 ：

  • 使用jsp将java代码嵌入html网页中。
  • 网络服务器需要一个 JSP 引擎，也就是一个容器来处理 JSP 页面。容器负责截获对 JSP 页面的请求。

JSP 容器和 JSP 文件

Read more »

Posted on | Edited on | In

副标题：阅读《网络是怎么连接的（户根勤）》读书笔记1

开篇思考

Q： 为什么在DNS失效时，还能够用QQ聊天呢？
A： QQ是直接通过IP地址来连接服务器的。

Q：网络怎么通信？怎么传输数据？
A：浏览器和服务器需要一个传递请求和接受响应的机制，机制需要确定正确的传输对象，避免信息丢失，并准确无误发送给对方。即一份将数字信息搬运到指定目的地的机制。

Q：浏览器如何发送信息？
A：浏览器不亲自发送信息，而是委托机制，具体说就是委托操作系统中的网络控制软件（即协议栈）发送消息。

Q：协议栈的职责？
A：将从浏览器接收来的信息打包，加上目的地址等控制信息，将包交给网卡（负责以太或者无线通信的硬件），由网卡将包转换成电信号并通过网线发送出去。协议栈还具有通信错误时重新发包，或调节数据发送的速率等功能。

Q：客户端是如何接入互联网的？
A：eg：PC机连到局域网，再通过ADSL和光纤等宽带线路接入互联网，中途会经过交换机和路由器，路由器后面就是互联网

Q：接入网？
A：数据发出端到路由器这段线路，就是接入网。从路由器往里走就是互联网的内部。使用电话线/ISDN/ADSL/有线电视/光线/专线等通信线路，也称为接入网。

Q：接入点？
A：接入网连接到网络运营商，并接入接入点（某种设备，即PoP，point of presence）。接入点实体是专为运营商设计的路由器。在路由器后面是大量的运营商和路由器。

Q：路由器间连接方式的差异？
A：局域网使用以太线连接，互联网有以太线/电话技术/光通信技术。

Read more »

Posted on | Edited on | In

forquery.png

学习内容：

  1. 接着forQuery1的内容,思路见上图
  2. 新增add功能，URL为tmall_ssm/admin_category_list
  3. 实现图片上传

实现思路：

  1. 首先在 CategoryMapper.xml中增加id=”add”的sql语句，使用keyProperty和useGeneratedKeys属性，将自动递增的id值设置在Category对象上
1
2
3
<insert id="add" keyProperty="id" useGeneratedKeys="true" parameterType="Category">
	insert into category (name) values (#{name})
</insert>

[注] Mapper XML的Insert, Update, Delete ‘s Attributes

Read more »

Posted on | Edited on | In

学习内容链接

http://how2j.cn/k/tmall_ssm/tmall_ssm-1516/1516.html

总体思路

使用springMVC+spring+mybatis的方式打通表现层/业务层/持久层。从浏览器接收访问路径开始，经过数据库调取数据（只做查询），最后从浏览器显示视图的全部简易流程。

开发环境

  • Eclipse oxygen
  • tomcat 8.5
  • Apache maven 3.5.3
  • mysql

实现步骤

  1. 环境配置完成后，启动Maven新建webapp项目
  2. 在pom.xml中添加依赖（依赖来源：Maven Repository）

依赖清单：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<properties>
  <spring.version>4.1.3.RELEASE</spring.version>
  <pagehelper.version>5.1.2-beta</pagehelper.version>
  <mysql.version>5.1.6</mysql.version>
  <mybatis.spring.version>1.2.3</mybatis.spring.version>
  <mybatis.version>3.1.1</mybatis.version>
  <junit.version>4.12</junit.version>
  <jstl.version>1.2</jstl.version>
  <jsqlparser.version>1.0</jsqlparser.version>
  <jackson.version>1.2.7</jackson.version>
  <servlet-api.version>3.1.0</servlet-api.version>
  <druid.version>1.0.18</druid.version>
  <log4j.version>1.2.16</log4j.version>
  <commons-logging.version>1.2</commons-logging.version>
  <commons-fileupload.version>1.2.1</commons-fileupload.version>
  <commons-io.version>1.3.2</commons-io.version>
  <commons-lang.version>2.6</commons-lang.version>
  <aopalliance.version>1.0</aopalliance.version>
  <mybatis-generator.version>1.3.5</mybatis-generator.version>
</properties>

  1. 创建实体类Category，定义了private的id和name，以及getter/setter方法

    1
    2
    3
    4
    5
    6
    7
    8
    public class Category {
    	private Integer id;
    	private String name;
    	public Integer getId()           {		return id;	}
    	public void setId(Integer id)    {		this.id = id;	}
    	public String getName()          {		return name;	}
    	public void setName(String name) {		this.name = name;	}
    }
Read more »