顶层栏设计

1、简述你完成的工作

（1）学习相关知识

Java接口

定义

• 一个Java 接口（interface）是一些方法特征的集合，这些方法特征来自于具体方法，这些方法符合它们一般来自于一些在系统中不断出现的方法。一个接口只有方法的特征，而没有方法的实现，因此这些方法在不同的地方被实现时，可以具有完全不同的行为。在Java语言中，Java接口还可以定义public的变量。

• 接口把方法的特征和方法的实现分割开来。这种分割，体现在接口常常代表一个角色（role），它包装与该角色相关的操作和属性，而实现这个接口的类便扮演这个角色的演员（类）。一个角色（接口）可以由不同的演员（类）来演，而不同的演员（类）之间除了扮演一个共同的角色（接口）之外，并不要求有任何其他的共同之处。

特性

• 接口不是类，尤其不用使用new运算符实例一个接口。
• 不能构造接口的对象，却能声明接口的变量。(出现在回调设计模式中，体现了Java的多态特性)

前端接口设计

学习前端需要掌握的基础知识有jquery,css。做移动端开发最好掌握CSS3，CSS3的许多新特性会让布局简单很多。Jquery可以不用每个知识点都很熟练，但是最好都了解，用的时候知道有这个东西再进行细致学习会更牢固。必须掌握的几个点：

①选择器

②事件绑定

不推荐写法:

<button id="foo" onclick="dosomething()">Bar</button>

这样做的结果就是html前端和js前端的工作混在了一起，原则上HTML代码只能体现网页的结构

建议写法:

$(“#foo”).click(function(){});

jQuery是追加绑定的，绑多少执行多少，还解决了IE的不兼容问题。

（2）前端制作

增添查询框

查看内容：按名称：<input type="text" name="name" />

增添按钮

①利用如下语句设置。

“<button onclick="window.location.href=跳转地址">

②利用如下语句用a标签包裹button元素设置。

“<a href=跳转地址><button>按钮</button></a>”

实现效果如下：

（3）学习Mysql的使用方法

MySQL

MySQL是一种开放源代码的关系型数据库管理系统（RDBMS），使用最常用的数据库管理语言–结构化查询语言（SQL）进行数据库管理

数据库分为三级关系
数据库服务器、数据库、数据表

SQL语句

SQL即结构化查询语言(Structured Query Language)，是一种特殊目的的编程语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统

查询数据

①基本查询

select 字段名1, 字段名2, … from 表名

②条件来筛选查询

select 字段名1, 字段名2, … from 表名 where 筛选条件

③模糊查询

select 字段名1, 字段名2, … from 表名 where 字段名 like 模糊查询条件

④结果排序查询

select 字段名1, 字段名2, … from 表名 order by 排列顺序

添加数据

insert into 表名(字段名1, 字段名2, …) values (值1, 值2, …)

或

insert into 表名 set 字段名1=值1, 字段名2=值2, …

修改数据

update 表名 set 字段名1=值1, 字段名2=值2, … where 修改条件

删除数据

delete from 表名 where 删除条件

2、你们小组总共的代码行数，你贡献的代码行数？相关代码链接？

总共的代码行数：5600
贡献的代码行数：900

3、你们小组总共的文档数？你贡献的文档数？相关链接

小组总文档数：12
我贡献的文档数：2