`Web`标签下的文章 | 斯人笔记本 - IMSRY - 个人博客原创文章学习笔记技术分享

学习笔记

[作业练习]带数据库的简易购物车

Anthony 发表于 2015-10-17 18:24:36 标签： Web

在前一次作业的基础上（[作业]JavaBean+Jsp简易购物车实现）,加上数据库来管理商品和购买记录。
最后结果展示：~~http://demo.dshui.wang/tomcat/ShopCartDemo/~~
首先，建立数据表：

#用户表
CREATE TABLE `cart_users` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `username` varchar(80) NOT NULL DEFAULT '',
  `password` varchar(220) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`),
  UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
<!--more-->

#商品表
CREATE TABLE `cart_goods` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `gname` varchar(50) NOT NULL DEFAULT '',
  `gprice` double NOT NULL,
  `gdname` varchar(20) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

#购买记录
CREATE TABLE `cart_lists` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `username` varchar(80) NOT NULL DEFAULT '',
  `gid` int(11) unsigned DEFAULT NULL,
  `gnumber` double DEFAULT NULL,
  `gtprice` double DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `users` (`username`),
  KEY `goodid` (`gid`),
  CONSTRAINT `goodid` FOREIGN KEY (`gid`) REFERENCES `cart_goods` (`id`),
  CONSTRAINT `users` FOREIGN KEY (`username`) REFERENCES `cart_users` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=60 DEFAULT CHARSET=utf8;

写入测试数据：

阅读剩下更多

学习笔记

[作业]JavaBean+Jsp简易购物车实现

Anthony 发表于 2015-10-15 19:36:37 标签： Web

本次作业要求使用到JavaBean+纯Jsp，带有登陆功能的购物车系统。
登陆功能这里就不多讲了，前面的聊天室已经做过，这边直接拷贝就能使用了。
另外，本次作业中我加入了BootStrap来做一个小小风格美化。
不多说，直接上代码！
index.jsp 首页，也是登陆界面

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    Cookie[] cookies = request.getCookies();
    String uname = "";
    String upwd = "";
    if(cookies!=null){
        for(int i=0;i<cookies.length;i++)
        {
            Cookie cookie=cookies[i];
            if(cookie.getName().equals("remname"))
            {
                uname = cookie.getValue();
            }
            else if(cookie.getName().equals("rempwd"))
            {
                upwd = cookie.getValue();
            }
        }
    }
%>
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>请登录ShopCartDemo</title>
        <link href="bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <form class="form-horizontal" action="dologin.jsp" method="post" name="loginform">
                <div class="form-group">
                    <label for="inputusername" class="col-sm-5 control-label">用户名</label>
                    <div class="col-sm-2">
                        <input class="form-control" id="inputusername" type="text" name="username" value="<%=uname%>" placeholder="username" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputpassword" class="col-sm-5 control-label">密码</label>
                    <div class="col-sm-2">
                        <input class="form-control" id="inputpassword" type="password" name="password" value="<%=upwd%>" placeholder="password" />
                    </div>
                </div>
                <div class="form-group">
                <div class="col-sm-offset-5 col-sm-2">
                  <div class="checkbox">
                    <label>
                        <input type="checkbox" name="remember" value="true"> 记住我
                    </label>
                  </div>
                </div>
              </div>

                <div class="form-group">
                  <div class="col-sm-offset-5 col-sm-2">
                    <button type="submit" class="btn btn-default">登陆</button>
                    <button type="reset" class="btn btn-default">重置</button>
                  </div>
                </div>

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

dologin.jsp 登陆信息处理页面

阅读剩下更多

学习笔记

[作业]Servlet简易聊天室

Anthony 发表于 2015-09-28 17:08:55 标签： Web

简单例子-Servlet聊天室，所用工具：NetBeans IDE(配备GlassFish)
本次例子重在思路，页面未做任何美化。
最后结果展示：~~http://demo.dshui.wang/tomcat/First_chat_room/~~
首先,需要一个登陆页面。
Login.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    Cookie[] cookies = request.getCookies();
    String uname = "";
    String upwd = "";
    if(cookies!=null){
        for(int i=0;i<cookies.length;i++)
        {
            Cookie cookie=cookies[i];
            if(cookie.getName().equals("remname"))
            {
                uname = cookie.getValue();
            }
            else if(cookie.getName().equals("rempwd"))
            {
                upwd = cookie.getValue();
            }
        }
    }
//上面代码用来判断用户是否曾保存过登陆信息
%>
<!DOCTYPE html>
<html>
    <head>
        <title>牛逼的登陆界面</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div>
            <form action="Main" method="post" name="loginform">
                <table>
                    <tr>
                        <td>用户名：</td>
                        <td>
                            <input type="text" name="username" value="<%=uname%>" />
                        </td>
                    </tr>
                    <tr>
                        <td>密码：</td>
                        <td>
                            <input type="password" name="password" value="<%=upwd%>" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: right;">
                            记住信息<input name="remember" type="checkbox" value="true" />
                            <input type="submit" name="submit" value="登录"/>
                            <input type="reset" name="" value="重置"/>
                        </td>
                    </tr>
                </table>

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

新建一个用来处理登录信息的Servlet: Main.java 所有的处理都在DoPost()完成

阅读剩下更多