hzuapps/java-web

高级网页设计（Java Web）实验库

java-web's Issues

校园社团管理系统

用例描述！

修改功能！

添加功能！

图书类别管理

#70 #19

ATM自动存取款系统

实验五：JSP编程

实验要求：

1. 创建JSP页面（根据各自题目需求）；
2. 使用JSP标签显示后台返回信息（<c:out>）；
3. 使用JSP标准标签，显示动态信息，如循环显示列表（<c:forEach>）、根据用户登录状态显示不同的菜单（<c:if>）。

参考资料：
http://blog.csdn.net/justjackwang/article/details/8804528

餐厅管理系统

手机销售系统

1.创建手机订单
2.录入售后信息

某滴出行系统

客户叫车，车主找客户。

商店商品管理系统

网上火车票购票系统

1.购票
2.退票

线上点餐系统

仓库管理系统

1. 入库
2. 出库
3. 库存信息查询

学生课表系统

代收寄快递系统

游戏账号交易系统

订单管理系统

1.客户提交订单；
2.客户修改订单；

上课考勤系统

精彩比赛推荐系统

点外卖系统

实验六：JDBC编程

1. 三层架构

2. 加载驱动

Class.forName("");

注意：驱动程序应该到对应的数据库厂商网站下载，如：PostgreSQL https://jdbc.postgresql.org/download.html 。
Tips：准备面试还应该了解JDBC驱动的4种类型。

3. 连接数据库

String url = "jdbc:postgresql://<database_host>:<port>/<database_name>";
Connection con = DriverManager.getConnection(url, "userID", "password"); 

好的做法是保存在常量中，例如：

private final String url = "jdbc:postgresql://localhost/dvdrental";
private final String user = "postgres";
private final String password = "<add your password>";

详细的连接代码：

public Connection connect() {
        Connection conn = null;
        try {
            conn = DriverManager.getConnection(url, user, password);
            System.out.println("Connected to the PostgreSQL server successfully.");
        } catch (SQLException e) {
            System.out.println(e.getMessage());
        }
 
        return conn;
    }

更好的做法是将配置保存在配置文件中，如：jdbc.properties，可方便数据库连接管理，如切换开发与生产数据库。Hibernate等框架也采用这种方法。（问：Hibernate是怎么配置的？）

4. 准备SQL语句

select * from TABLE_NAME;
insert into ... ;
update ...;
delete ...;

http://www.w3school.com.cn/sql/

5. 查询数据

public int getActorCount() {
        String SQL = "SELECT count(*) FROM actor";
        int count = 0;
 
        try (Connection conn = connect();
                Statement stmt = conn.createStatement();
                ResultSet rs = stmt.executeQuery(SQL)) {
            rs.next();
            count = rs.getInt(1);
        } catch (SQLException ex) {
            System.out.println(ex.getMessage());
        }
 
        return count;
    }

6. 插入数据

public long insertActor(Actor actor) {
        String SQL = "INSERT INTO actor(first_name,last_name) "
                + "VALUES(?,?)";
 
        long id = 0;
 
        try (Connection conn = connect();
                PreparedStatement pstmt = conn.prepareStatement(SQL,
                Statement.RETURN_GENERATED_KEYS)) {
 
            pstmt.setString(1, actor.getFirstName());
            pstmt.setString(2, actor.getLastName());
 
            int affectedRows = pstmt.executeUpdate();
            // check the affected rows 
            if (affectedRows > 0) {
                // get the ID back
                try (ResultSet rs = pstmt.getGeneratedKeys()) {
                    if (rs.next()) {
                        id = rs.getLong(1);
                    }
                } catch (SQLException ex) {
                    System.out.println(ex.getMessage());
                }
            }
        } catch (SQLException ex) {
            System.out.println(ex.getMessage());
        }
        return id;
    } 

7. 修改数据

TODO

8. 删除数据

TODO

参考文献

1. http://www.postgresqltutorial.com/postgresql-jdbc/
2. http://www.w3school.com.cn/sql/
3. http://www.sql-tutorial.net/

药品管理系统

游乐场订票系统

收支管理系统

1.统计收入情况
2.统计支出情况
3.计算盈亏情况

音乐论坛管理系统

1.论坛管理员可设立板块，置顶文章，删除文章。
2.楼主发布文章，发表评论。

实验一：Web基础

一、实验目的

练习并掌握简单HTML网页制作方法。

二、实验设备与环境

操作系统：Windows；开发平台：GitHub；开发工具：Sublime Text。

三、实验内容及步骤

1. 安装和配置Git代码开发环境
   要求：成功安装Git工具；Fork实验库，将自己帐号下的实验库克隆到本地；结果截图到实验报告。
   提示：git clone https://github.com/{你的账号}/java-web.git
2. 编写一个表单网页
   要求：
   （1）基于 http://www.bootcss.com/ 上的前端CSS库；
   （2）根据自选题目编写一个带表单的网页；
   （3）通过JavaScript或jQuery实现表单提交；
   （4）表单处理结果保存在一个JSON文件中；
   （5）提交成功之后JS弹窗显示JSON文件的内容（提示信息）；
   （6）所有文件保存在个人目录下：labs/学号/，见：https://github.com/hzuapps/java-web。
   提示：
   （1）建议选择 http://v3.bootcss.com/ 库；
   （2）创建网页文件：labs/{你的学号}/index.html；
   （3）使用 <link>标签引用 Bootstrap 的CSS文件，或者使用CDN，参考：http://v3.bootcss.com/getting-started/ ；
   （4）编写表单，参考：http://v3.bootcss.com/css/#forms；
   （5）创建JSON文件：labs/{你的学号}/success.json；
   （6）创建JavaScript文件：labs/{你的学号}/index.js；
   （7）使用jQuery提交代码，并显示JSON中的信息。
3. 将代码提交到自己Fork的实验库
4. 将实验结果填写到实验报告中
   要求：实验报告上传到 http://zeng.shaoning.net/javaweb/uploads/ 。

代码及命令提示

• 提交代码到GitHub

$ git pull
$ git add labs/{你的学号}/*
$ git commit -m "#2 提交实验代码"
$ git push

• 编写表单代码

<form role="form">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

• 使用jQuery处理表单提交
  http://api.jquery.com/submit/

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

• 使用jQuery请求JSON文件并显示内容
  http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: "success.json
}).done(function(data) {
  if ( console && console.log ) {
      console.dir(data);
      alert(data.msg);
    }
});

• JSON文件内容

{
  "msg": "保存成功！"
}

公司员工查询系统

惠州学院图书馆管理系统

实验二：Tomcat配置

实验目标

1. 练习Tomcat的配置、管理及应用部署；
2. 掌握在Eclipse中连接Tomcat调试代码的方法。

实验内容及步骤

1. 下载Tomcat 8，在本地安装并运行；
2. 修改Tomcat配置文件，增加一个具有部署应用权限的管理员帐号；
3. 在Eclipse中创建动态Web项目，然后在Tomcat服务器中运行；
4. 将实验一的网页改写成JSP，添加到Web项目中；
5. 在JSP文件中编写Scriptlet，并添加断点进行调试；
6. 新的JSP页面提交到自己的学号目录下。

实验要求

1. 所有实验步骤截图并插入到实验报告中；
2. JSP页面内容应该与自己所选题目相符合；
3. 所开发功能不能是“登录”和“注册”。

云文件管理系统

游戏账号信息查询系统

毕业论文选题管理系统

云文件管理系统

音乐管理系统

1.用户上传分享音乐文件
2.设置音乐分类

实验八：框架使用

实验要求

1. 练习配置String框架；
2. 练习配置Struts框架；
3. 练习配置Hibernate框架。

任选一个框架练习，截图保存到实验报告提交。

参考文档：

1. Spring MVC 入门示例讲解，http://www.importnew.com/15141.html
2. Struts2入门，http://www.imooc.com/learn/464
3. Hibernate快速入门，http://liyanhui.iteye.com/blog/382213

户籍管理系统

酒店管理系统

Question

Good morning!Hi,Mr.zeng,could you tell us your WeChat number?

惠州学院毕业生就业信息管理系统

社团面试管理系统

简随记系统

1发布笔记
2查看别人的笔记

实验三：Servlet编程

实验要求

1. 创建Java Web工程（jweb）或导入 jweb 工程到 Eclipse 中；
2. 在 edu.hzu.javaweb.labs 包下创建自己的学号包（前缀为 se）；
3. 在自己的学号包下创建一个Servlet，可以命名为 Se{学号}Servlet；
4. 将 Servlet 处理的请求 URL 指向自己的学号，如：/12345678；
5. 根据自己的题目在 Servlet 中编写 Java 后台代码；
6. 所有网页文件放到工程的 web/{学号}/ 目录下。

提示

1. 可以在自己本地电脑的其他文件夹创建工程，保持名称一致即可；
2. 代码编写完成之后，将编写的文件复制到 GitHub 库所在文件夹提交代码即可。
3. 注意一定不要修改不属于自己的文件，避免引起代码冲突。

学生身体体质管理信息系统

Resume Managerment System

教职工信息管理系统

实验七：Java应用部署

实验要求

1. 将自己的应用程序打包为 WAR，部署到Tomcat上。
2. 截图保存到实验报告提交。

在线考试系统(Internet Based Exam System)

1.教师新增考试试题
2.教师查询学生成绩
3.学生在线答题

在线作业提交系统

实验四：Filter编程

实验要求

练习使用过滤器实现请求批量处理。

实验内容

1. 编写过滤器，统一设置请求编码格式为 UTF-8；
2. 编写过滤器，实现登录用户身份限制。

参考文档

http://m.blog.csdn.net/article/details?id=5485742

注意

Java代码放到自己的包下，采用注解的方式注入过滤器。
http://www.th7.cn/Program/java/2012/06/06/79329.shtml

手机话费充值卡销售系统

网上汽车租赁系统

饭卡管理系统