当当网新用户注册界面——CSS代码

<strong><span style="font-size:32px;color:#ff9966;">所有用到的图片都已上传,请在<a target=_blank href="http://download.csdn.net/detail/qq_34137397/9667142">这里</a>下载</span></strong>
<pre name="code" class="html">#register_header{
    background-image:url(../images/register_head_bg.gif);
    background-repeat:repeat-x;
    height:48px;
    border:solid 1px #CCC;
}
.register_header_left{
    float:left;
    margin:7px 0px 0px 40px;
    display:inline;
}
.register_header_right{
    float:right;
    margin:25px 20px 0px 0px;
    display:inline;
}
.register_content{
    width:950px;
    margin:15px auto 15px auto;
}
.register_top_bg{
    background-image:url(../images/register_top_bg.gif);
    background-repeat:no-repeat;
    height:5px;
}
.register_mid_bg{
    border:solid 1px #a3a3a3;
    border-top:0px;
    height:32px;
}
.register_mid_bg li{
    float:left;
}
.register_mid_left{
    background-image:url(../images/register_tag_left.gif);
    height:32px;
    width:207px;
    background-repeat:no-repeat;
    padding:0px 0px 0px 106px;
    font-size:14px;
    color:#501500;
    font-weight:bold;
    line-height:35px;
}
.register_mid_mid{
    background-image:url(../images/register_tag_mid.gif);
    height:32px;
    width:204px;
    background-repeat:no-repeat;
    padding:0px 0px 0px 115px;
    font-size:14px;
    line-height:35px;
}
.register_mid_right{
    background-image:url(../images/register_tag_right.gif);
    height:32px;
    width:316px;
    background-repeat:no-repeat;
    font-size:14px;
    line-height:35px;
    text-align:center;
}
.register_top_bg_two_left{
    float:left;
    background-image:url(../images/register_cont.gif);
    width:1px;
    height:406px;
    background-repeat:no-repeat;
}
.register_top_bg_two_right{
    float:right;
    background-image:url(../images/register_cont.gif);
    width:1px;
    height:406px;
    background-repeat:no-repeat;
}
.register_top_bg_mid{
    background-image:url(../images/register_shadow.gif);
    background-repeat:repeat-x;
}
.register_title_bg{
    background-image:url(../images/register_pic_01.gif);
    background-position:123px 30px;
    background-repeat:no-repeat;
    padding:42px 0px 0px 202px;
    color:#C30;
}
.register_dotted_bg{
    background-image:url(../images/register_dotted.gif);
    background-repeat:repeat-x;
    height:1px;
    margin:0px 20px 20px 20px;
}
.register_message{
    float:left;
    height:300px;
    width:900px;
}
.register_row{
    clear:both;
}
.register_row dt{
    float:left;
    width:200px;
    height:30px;
    text-align:right;
    font-size:14px;
}
.register_row dd{
    float:left;
    margin-right:5px;
    display:inline;
}
.register_input{
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.registerBtn{
    height:35px;
    margin:10px 0px 10px 200px;
    clear:both;
}
/*注册页面提示样式*/
.register_input_Blur{
    background-color:#fef4d0;
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.register_input_Focus{
    background-color:#f1ffde;
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.register_prompt{
    font-size:12px;
    color:#999;
}
.register_prompt_error{
    font-size:12px;
    color:#C8180B;
    border:solid 1px #999;
    background-color:#fef4d0;
    padding:0px 5px 0px 5px;
    height:18px;
}
.register_prompt_ok{
    background-image:url(../images/register_write_ok.gif);
    background-repeat:no-repeat;
    width:15px;
    height:11px;
    margin:5px 0px 0px 5px;
}



                
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1.项目介绍 典型电子商务系统(在线购物平台)。模拟了当当系统部分功能。 2.功能需求 1)用户管理模块(3天)user 实现登录、注册功能 2)产品浏览模块(2天)main 实现主界面和类别浏览功能 3)购物车模块(1.5天)cart 实现购买、变更数量、删除等功能 4)生成订单模块(1.5天)order 订单确认、填写送货地址、生成订单功能 3.技术应用 1)技术架构 Struts2,JDBC(连接池),jQuery,Ajax 2)设计思想 MVC和分层设计思想 a.显示层:JSP组件(jQuery,Ajax) b.控制层:Struts2控制器组件、Action组件 c.业务层:Bean组件 d.数据访问层:DAO组件(JDBC) 4.数据库设计 1)数据库导入 create database dangdang; //创建库 use dangdang; //进入dangdang库 set names utf8; //设置连接和发送SQL编码 source 路径/dangdang.sql; //导入sql文件 2)数据表功能 a.d_user(用户信息表) 存储了用户信息,涉及登录和注册功能 b.d_receive_address(收货地址信息表) 存储了收货地址信息,涉及填写送货地址功能 c.d_category(类别信息表) 存储了图书的类别信息,涉及主界面左侧类别菜单功能 d.d_book(图书信息表) 存储了图书的特有信息,涉及产品浏览等功能 e.d_product(产品信息表) 存储了各类型产品的共通信息字段。 f.d_category_product(类别和产品对应关系表) 存储了类别和产品之间包含关系,涉及产品浏览功能 g. d_order(订单信息表) 存储了订单信息,涉及创建订单功能 h. d_item(订单明细表) 存储了订单中所购买的商品信息,涉及创建订单功能。 5. 搭建工程结构 1)引入需要的开发包 struts2开发包 jdbc开发包 dbcp连接池开发包 2)src文件结构 org.tarena.dang.action :控制层 org.tarena.dang.action.user :用户模块的action org.tarena.dang.action.main :产品浏览的action org.tarena.dang.action.order :订单的action org.tarena.dang.action.cart :购物车的action org.tarena.dang.service :业务层 org.tarena.dang.dao :数据访问层 org.tarena.dang.entity :实体类 org.tarena.dang.util :工具类 org.tarena.dang.interceptor :拦截器 3)struts配置文件结构 web.xml(配置Filter控制器) struts.xml (struts主配置文件) struts-user.xml(用户模块配置文件) struts-main.xml(浏览模块配置文件) struts-order.xml(订单模块配置文件) struts-cart.xml(购物车模块配置文件) 4)WebRoot文件结构 /user/* :用户管理的JSP /cart/* :购物车的JSP /order/* :订单的JSP /main/* :产品浏览的JSP /common/* :页眉、页脚等共同JSP /js/* : 放置js脚本文件 /css/* :放置css样式文件 /images/* :放置页面图片文件 /productImages/* :放置产品图片 -----------------连接池的优点----------------- a.可以管理Connection对象,并且将Connection数量控制在一个安全范围内。提高数据库的访问安全性。 b.连接池中的Connection对象与数据库保持连接状态,避免频繁的建立和销毁连接。 ============用户管理模块============== 1.注册需求 1)表单验证(采用js+Ajax) 邮箱:非空、格式、唯一性(ajax) 昵称:非空、格式 密码:非空、格式 确认密码:非空、与密码一致 验证码:非空、正确性(ajax) 2)将表单信息写入数据表d_user 编写实体类、DAO、Action 3)给用户邮箱发送验证码 引入commons-email.jar,email.jar 参考EmailUtil工具类代码 4)进入邮箱验证页面verify_form.jsp 2.邮箱验证 1)表单验证 验证码:非空、正确性(ajax) 正确后跳转到成功提示界面:window.location = "register_ok.jsp"; 2)Action逻辑 a.利用验证码去d_user检查 b.如果正确,将d_user的is_email_verify字段更成Y;不正确在verify_form.jsp提示“验证失败” c.跳转到register_ok.jsp 3.用户登录 1)表单验证 邮箱:非空、格式 密码:非空 2)Action逻辑 a.检测Email和密码是否正确,失败回到login_form.jsp提示 b.检测is_email_verify邮箱是否通过验证,未通过进入verify_form.jsp c.更最后一次登录时间last_login_time和IP地址last_login_ip。 d.将用户信息放入session。 e.都正确进入/main/main.jsp 4.main.jsp页面的页眉部分,显示用户是否登录的状态 如果用户已登录,显示"欢迎XXX,【登出】" 如果用户未登录,显示"【登录】【注册】" 数据库 模型 其实项目目 还有不少缺陷 需要完整、大家可以自行修改、里面有一处bug关于购物车的,注入问题、大家自己找找吧
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值