中软大前端0515-APP

发表于

MUI

mui 模式

折叠面板

1
2
3
4
5
6
ul  mui-table-view
li  mui-table-view-cell mui-collapse
	a  mui-navgate-right  标题
		<span class="mui-bage mui-bage-danger">11</span>数字脚标
	div mui-collapse-content
		p  折叠面板的内容

mo 主菜单 滑动侧边菜单
ms 轮播
mg 九宫格
ml 图文列表
mr 单选框

mui提示框

mui.alert();
mui.prompt();
mui.confirm();
mui.toast(“可以自动消失”)；

mui 中给单个元素绑定事件时，不能使用jquery,只能使用js

mui 事件除了tap 单击屏幕 以外，都需要初始化

手势配置

1
2
3
4
5
mui.init({
	gestureConfiger:{
		doubletap:true
	}
})
  • 滑动：swipeleft

卡片模型

mui-card

mui-card-header mui-media

mui-card-content

mui-card-footer

开关



鼠标移动坐标
touchmove事件，
触摸的第一个
e.targetTouches[0].pageX
e.targetTouches[0].pageY

异步传输 ajax

1、谈项目
用户、商家、快递

2、需求分析

3、UI设计
4、程序人员设计数据库
(E-R图 数据表关系图)
主键约束：唯一性 和 非空性
as：起别名
select * from users where userName like ‘%李%’

Like :模糊查询
_ : 一个字符
% ：零个或多个字符

insert updata delete

数据表 users
userID—主键
userName
userPWD
email

数据表 address
addID—主键
adressContent
userId—外键
（商品先属于小类，小类属于大类）
数据表 product 商品
proID—主键
proName
proPice
scID—外键

数据表 bigClass 大类
bcID—主键
bcnName
bcDetail

smallClass小类(小类所属大类)
scID–主键
scName
bcID–外键

订单表 order
orderID 订单编号
orderNum 订单号
proID 商品编号
proNum 商品数量
userID 用户编号
addID 地址编号
orderTime 订单时间
orderPrice 订单金额
支付状态
状态（物流）
商品属性

购物车

ID  编号
userID  用户编号
proID  商品编号
proNum  商品数量
price  总价