询价功能的实现

        首先,给按钮添加一个事件,点击后弹出询价页,询价页输入进行正则验证,符合正则才能提交,不符合无法提交,提交后自动关闭询价页。

一个第三方web弹窗/层解决方案:layer

询价页弹出按钮:


按钮

给a标签添加一个onclick事件,PopUp(),有一个参数,商品的id;

PopUp事件是JavaScript中的方法,定义如下:

title:标题;content:弹出页面地址;area:大小;


询价功能的实现_第1张图片
PopUp方法的定义

询价页主要是依赖第三方实现的功能,引用如下:


JS的引用

询价页的前端设置:


询价功能的实现_第2张图片
需求


询价功能的实现_第3张图片
前端1


询价功能的实现_第4张图片
前端2

在前端代码中添加一个JS方法,用于关闭询价页:


询价功能的实现_第5张图片
第三方Layer中自带的方法

后端代码:


询价功能的实现_第6张图片
后端代码

Da层方法:


存储方法

数据库表的设计:


询价功能的实现_第7张图片
数据库的设计

CreateDate:向数据表中存储数据时,数据库自动赋值,Da方法中不必传递相关参数;

Remark:数据库自动赋值,Da方法也不必传递相关参数。

你可能感兴趣的:(询价功能的实现)