03 2019 档案
摘要：Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。 那么我们接下来谈一谈如何去使用Scope 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一
阅读全文
摘要：AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值（比如输入域的值）绑定到应用程
阅读全文
摘要：分析订单表和订单项表 一个用户可以有多个订单 订单表: order 列名 类型 说明 备注 id int id 主键 total float 总价 amount int 商品总数 status tinyint 订单状态 (1未付款/2已付款/3已发货/4已完成) paytype tinyint 支付
阅读全文
摘要：开发登录后导航菜单的显示 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <%@taglib uri="http://java.sun.com/jsp/jstl/
阅读全文
摘要：修改位置： 创建一个servlet类：UserChangePwdServlet，需要在里面进行一个判断，如果输入的密码不一致，给予一个提示不允许修改，，如果一致则允许修改 修改密码失败时： 效果图： user.jsp 接下来就是登陆成功的时候了： 在UserDao.java中新建一个函数名为upda
阅读全文
摘要：数据库中user的信息： 处理用户收货信息的修改的效果图： 数据库中经修改的收货信息： 修改user_center.jsp，里面应该使用两个表单： 在UserDao.java中创建一个函数updateUserAddress UserService.java中进行对该函数的异常处理： 创建一个serv
阅读全文
摘要：在导航栏的header.jsp中的登录按钮进行处理： user_login.jsp给form表单一个链接的地址： 在servlet层中加入一个servlet类，命名为：UserLoginServlet.java 定义两个变量： 在UserDao.java写入查询的语句，一个是根据用户名（userna
阅读全文
摘要：数据库user信息: 实现的效果： 在UserService.java中如果没有该邮箱或者用户名需要返回true 将UserRegisterServlet.java再一次的进行修改： <%@ page language="java" contentType="text/html; charset=U
阅读全文
摘要：创建用户的表和数据模型类 立即购买这个模块需要事先有用户才能实现，因此我们需要创建用户表：users 用户表: user 列名 类型 说明 备注 id int id 主键 username varchar 用户名 email varchar 邮箱 password varchar 密码 name v
阅读全文
摘要：beanutils的下载地址：http://commons.apache.org/proper/commons-beanutils/download_beanutils.cgi 该压缩包有测试的代码： 我们就使用其中一个来作为测试使用 接下来就对beanutils进行测试： 数据模型 user.ja
阅读全文
摘要：在条幅中我们可以通过点击商品的名称以及图片实现跳转到详情页面： 实现的效果如下： index.jsp 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <%@ ta
阅读全文
摘要：点击某一个商品时，可以进行查看商品的详情： 进行写查询语句：但是里面并没有包含type，测试结果如下： 测试代码： 说明需要两个表进行连接，在MySQL中使用两表来连接测试其结果： 由于type中的id和name难与goods中的id和name区分，所以进行去别名： 监测typeid与typenam
阅读全文
摘要：初始时，头部导航栏首页一直处于高亮的模式 当我们使用一个页面来包含另外一个页面的时候，我们可以在其中间进行传值，传递一个flag就知道被谁给包含了： header.jsp 其余的也类似，由于热销和新品处于同一个页面所以需要多加一个条件，那就是它们的type，它们的type通过t来保存过在reques
阅读全文
摘要：新建一个jsp，命名为：goodsrecommendlist.jsp,其内部和goods_list差不多，因为查询的方式没太大的区别： 在GoodsDao中写入查询代码： 在GoodsService中加入设置当前页以及类目及异常处理： 在servlet层中创建一个servlet，命名为：GoodsR
阅读全文
摘要：分页初始的效果： 修改分页前端的显示： 使用代码实现总页数以及当前所在的页下一页，上一页、首页、尾页的实现： 实现的最终效果： 代码的实现： 还需在GoodsListServlet中获取id： 显示商品列表所属的商品分类： 还有一处，没进行修改，点击某一个系列的时候，它的标题不会跟着变化： 商品列表
阅读全文
摘要：创建分页的数据模型 在model层创建一个分页的数据模型，命名为：Page.java，为了实现点击某一个系列进入到商品的列表，因此需要进行分页处理： 采用了向上取整的方式进行分页： 1 package com.guiyan.model; 2 3 import java.util.List; 4 5
阅读全文
摘要：初始时为静态的效果: 它只是一个普通的下拉列表，不能执行任何操作，我接下来的是它能在每一个界面都能点击，并且动态的获取数据，因此需要在listener层添加一个监听类： 注意需要进行勾选这个： 数据库的类目： 查询类目需在dao层添加一个class，命名为：TypeDao.java 查询的SQL以及
阅读全文
摘要：没有连接数据库时条幅： 通过SQL语句在数据库中查询的结果： /picture/8-1.jpg的图片： SQL语句： 在dao层中的GoodsDao.java中进行SQL语句的书写以及抛出异常，由于只写要显示一条数据，所以使用MapHandler： 在service层中的GoodsService.j
阅读全文
摘要：没有连接数据库之前： 同上一节热销推荐几乎一样，代码如下： 只有SQL语句中的type的值不一样，热销的type=2,新品的type=3 因此我们在GoodsDao.java中的SQL语句将type设置等于？并新加一个参数recommendType 当type=3时，在数据库中查询的结果： Good
阅读全文
摘要：创建IndexServlet处理首页请求 index.html效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>商品列表</title> 5 <meta name="viewport" content="width=device-width, initi
阅读全文
摘要：若要模拟window系统的“回收站”功能，具体的要求如下： 对于列表中的图片，可以通过拖动或单击“删除”的链接，以动画的方式移至“回收站”。 对于“回收站的图片”，可以通过拖动和单击“还原”的链接，以动画的方式“还原”到图片列表。 最终效果： 在图片列表中，本来当鼠标单击图片时，出现鼠标的移动样式，
阅读全文
摘要：创建项目： 数据库的设计 商品表: goods 列名 类型 说明 备注 id int id 主键 name varchar 名称 cover varchar 封面地址 image1 varchar 详情图片1 image2 varchar 详情图片2 price floatprice 价格 intr
阅读全文
摘要：AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS 可以构建一个单一页面应用程序。最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 更多关于AngularJS的介绍：网址：https://baike
阅读全文
摘要：jQuery常用插件 1，jQuery特别容易扩展，开发者可以基于jQuery开发一些扩展动能 2，插件:http://plugins.jquery.com 3，超厉害的插件：validation 、 pickadate、 Echarts、chosen、（编辑器插件） ckeditor在百度上都可以
阅读全文
摘要：未实现任何功能之前： 实现功能之后： 实现该功能的jQuery核心代码： 实现该二级省市联动的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jQuery实现省市联动</title> 6 <scrip
阅读全文
摘要：初始时： 实现功能后： 实现该功能的核心代码： 监测在tbody标签下input名为select的是否被勾选： 实现该功能的总的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jQuery实现全选与全
阅读全文
摘要：没加过滤器之前： 加过滤器之后： 总的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>奇数与偶数过滤器的基本应用</title> 6 <script src="js/jquery-3.3.1.js">
阅读全文
摘要：首先设置一个固定的窗口位于右下角，效果如下： 代码： jQuery实现广告弹窗.html 之后将该窗口初始设为隐藏，通过代码实现3秒自动显示，5秒自动隐藏，其效果如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <t
阅读全文
摘要：什么是jQuery？ jQuery是一个封装好的JavaScript框架，可以更加简单的实现一些js的功能,里面提供了很多简单易用，功能强大的js。它兼容各个浏览器。 jQuery的文档 jQuery使用前先引入 网页加载完成后要执行的函数几种方式： 第一种： 第二种： 第三种： 第四种： 总结：
阅读全文
摘要：我们经常会遇到选择省市县的下拉框。比如我们选择了省份的话，县的下拉框会自动筛选，接下来我们就做一个这样的省市联动吧！！！ 先使用一个二维数组存储省份的信息： 定义一个onchange事件进行监听： 检验的结果： 打印出的结果说明数据已存入数组中，现在需要将它显示在下一个下拉列表中 代码： 1 <!D
阅读全文
摘要：最终效果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>全选功能</title> 6 <script> 7 8 function selectAll(choiceBtn){ 9 10 //docu
阅读全文
摘要：京东切分三框布局： 效果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0px; 9 padding: 0px; 10 b
阅读全文
摘要：使用框架切分网页 效果: 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 frame_a 9 </body> 10 </html> <!DO
阅读全文
摘要：最终效果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格多行多列的合并</title> 6 </head> 7 <body> 8 <table align="center" border="1
阅读全文
摘要：注册3次错误，最终的结果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单验证_02</title> 6 </head> 7 <body> 8 <!--把验证放在注册按钮的onclick事件属性
阅读全文
摘要：最终效果 注：图片来源于百度图片 文件结构： 代码：
阅读全文
