前言
最近十多天以来,完整的做了一个电商网站项目,和原网站比起来实现的功能只是冰山一角,最基本的功能还是有的。没有用多表联查,这是最需学的一步了,功能还待完善,先将学到的东西做个小结,以检查学习成果。
考拉海购项目小结
网站基本流程:
mysql数据库建表——>注册页注册(用正则验证)——>登录页登录——>首页(浏览信息 选一类商品)——>列表页(ajax请求 选某一个商品)——>详情页——>购物车页——>订单页——>个人主页——>支付页
操作规范
- 建不同的文件夹分开编写,有利于维护(重置样式 iframe标签的使用)
- 命名用英文名,见名生义,不用拼音
- 必要的注释
学到的其他库的使用
字体图标库 (阿里巴巴提供)
bootstrap库(制作表单及按钮)
jQuery库
swiper网站(制作轮播图),本次用到的为280
标题栏图标
项目管理平台Git
<link rel="icon" type="image/x-icon" href="pic.ico">
注:必须为ico格式,提供一个在线制作平台,https://www.easyicon.net/covert/ (只提供png格式转换)
使用nodeJS来操作后端
let server = require("express")();
let url = require("url");
let mysql = require("mysql");
let expressStatic = require("express-static");
let port = 82;
let sql = mysql.createConnection({
host:"localhost",
user:"root",
password:"123456",
database:"kaola",
timezone:"08:00"
});
sql.connect();
server.get(`/index`, (req, res) => {
// 请求和响应
sql.query(`SELECT * FROM shoplist`, (error, data) => {
if (error) {
console.log(error);
res.end("error")
} else {
console.log("返回数据成功");
res.end(JSON.stringify(data))
}
})
})
server.use(expressStatic(__dirname + '/static'))
server.listen(port);
console.log(`开放了${
port}`)
主要用到的功能
- 省市区三级联动
- 省略号
- 倒计时跳转页面(定时器)
- 获取当前时间
- 放大镜
- 页面的跳转和地址栏获取参数
location.href = `http:127.0.0.1:82/***.html`
出现的问题
- 发送ajax请求后将数据库字段所对应的值添加到克隆的模板中时jQuery未找准元素。出现幂次循环
- 来源’http://127.0.0.1:82’已被CORS策略阻止:请求的资源上不存在"Access Control Allow Origin"标头这样的问题一般是出在路径上,请求不到数据
- 计算价格时将html(sum)写到了外面,此时它是一个定值,因为全局变量一定