node.js评论列表和添加购物车数据库表创建
2.1:评论列表--发表评论
用户点击新闻列表某一条新闻,看到新闻详细发表评论
-用户输入评论内容
-发表评论 [将用户评论内容保存数据库 xz_comment]
2.2:评论列表--发表评论-开发评论
-查询数据库表 xz_comment[id,content,ctime,nid]
-node.js 创建程序接收评论内容添加
(1)用户请求方式 POST app.post("/addcomment")
(2)请求参数 content,nid
2.1:post获取参数 下载安装第三方模块 body-parser
2.2:post获取参数 配置模块
2.3:post 获取参数 req.body.nid req.body.content
(3)SQL INSERT INTO xz_comment VALUES(null,?,now(),?)
(4)JSON {code:1,msg:"发表成功"}
用户请求方式 GET |
用户请求方式 POST |
发送请求参数:最1KB |
发送请求参数:不限制 |
作用:获取服务器数据 |
作用:向服务器发送数据 |
场景:分页;详细; |
场景:注册;添加;上传图片 |
安全:较差 |
安全:较差 HTTPS安全级别高 |
-脚手架 comment.vue 发表评论
-引入第三方模板 qs
1.1:下载npm i qs 模块
1.2:在main.js 引入qs模块 import qs from 'qs';
1.3:在main.js Vue对象属性 Vue.prototype.qs = qs;
1.4 comment.vue
var postData = this.qs.stringify({
nid:9,
content:"......"
})
this.axios.post("127..", postData).then(result=>{
})
-在comment.vue 添加mint-ui Toast
由Toast只有在comment.vue 等少数组件中使用
(1)在当前组件引入 import {Toast} from "mint-ui"
(2)立即调用 Toast("评论内容不能为空");
-常见错误
(1)Duplicate keys detected: '2'
<div v-for="item in list" :key="item.id"></div>
原因:如果item.id有重复值 2 2
this.list=[] this.pno++
post this.pno = 1; getMore() [{id:1,img.},{id:2}]
2.3:商品详细
1-创建空组件 src/components/goods/GoodInfo.vue
2-添加访问路径 /GoodInfo
3-添加 card.html 卡片布局
4-创建 src/components/sub/swiperBox.vue 子组件
5*-swiperBox.vue 当父组件调用子组件时传递数组
GoodInfo.vue 商品名称; 价格;数量 1
【添加购物车】
*-获取当前商品编号
GoodList.vue -> GoodInfo.vue 参数pid
(1)为商品列表中每一张图片绑定点击事件
跳转GoodInfo.vue 组件
参数 ?pid=2
#通用参数从模板传递事件处理函数
<img @click="jumpInfo" :data-lid="item.lid"/>
jumpInfo(e){
var pid = e.target.dataset.lid;
this.$router.push("/GoodInfo?pid="+pid)
}
-发送ajax 获取商品名称 价格
node.js
参数:pid
sql: SELECT lname,price FROM xz_laptop WHERE lid = ?
json {code:1,data:[]}
GoodInfo.vue
-data:{info:{}}
-methods:{findGood} result.data.data[0]
-created()
node.js评论列表和添加购物车数据库表创建的更多相关文章
- 15个Node.js项目列表
前言: Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascri ...
- 将 node.js 的数据保存到 mongo 数据库中
Mongo 数据库 安装 首先到 Mongo 的官方网站下载安装程序:http://www.mongodb.org/,我下载的文件名为:mongodb-win32-x86_64-2008plus-2. ...
- linux系统添加环境变量,node.js forever 守护进程添加环境变量
1.node.js 守护进程组件 forever 安装 npm install forever -g 安装完成后截图: 2.安装完成后在控制台输入 forever 出现 -bash: forever: ...
- Node.js 学习笔记之四:使用数据库
这部分示例将示范SQLite3.MongoDB这两种不同类型的数据库在 Node.js 中的使用方法.首先,我们要在code目录下执行mkdir 06_database命令来创建用于存放这一组示例的目 ...
- 026 SSM综合练习02--数据后台管理系统--数据库表创建及SSM环境搭建
1.数据库准备 本项目我们Oracle数据库,Oracle 为每个项目创建单独user,oracle数据表存放在表空间下,每个用户有独立表空间. (1)采用数据库管理员账号:SYSTEM,再配合数据库 ...
- Lucene学习之一:使用lucene为数据库表创建索引,并按关键字查询
最近项目中要用到模糊查询,开始研究lucene,期间走了好多弯路,总算实现了一个简单的demo. 使用的lucene jar包是3.6版本. 一:建立数据库表,并加上测试数据.数据库表:UserInf ...
- 原生js实现点击添加购物车按钮出现飞行物飞向购物车
效果演示: 思路:核心->抛物线公式 let a = -((y2-y3)*x1 - (x2-x3)*y1 + x2*y3 - x3*y2) / ((x2-x3) * (x1-x2) * (x1- ...
- Node.js高级编程读书笔记 - 5 数据库 - Never
Outline 6 连接数据库 6.1 使用node-mysql连接MySQL数据库 6.2 使用Nano连接CouchDB数据库 6.3 使用Mongoose连接MongoDB数据库 6 连接数据库 ...
- Node.js使用Mongoose包操作MongoDB数据库
1. 安装Mongoose npm install mongoose 2. 使用 2.1 创建连接 var mongoose = require('mongoose'); mongoose.conne ...
随机推荐
- veil-Evasion免杀使用
Veil-Evasion 是 Veil-Framework 框架的一部分,也是其主要的项目.利用它我们可以生成绕过杀软的 payload kali 上并未安装,下面我们来进行简单的安装.我们直接从 ...
- [BZOJ4947] 字符串大师 - KMP
4974: [Lydsy1708月赛]字符串大师 Time Limit: 1 Sec Memory Limit: 256 MBSubmit: 739 Solved: 358[Submit][Sta ...
- 网站是HTTP?10分钟变成HTTPS!域名免费添加配置SSL证书,变成https//环境
对于小程序request请求需要https域名.navigator.geolocation定位也需要在https环境下才可以生效等问题: 前端开发越来越需要https环境来来测试一下API接口和各类问 ...
- 利用window10的Linux子系统实现docker的安装使用
先参照 此博客 点这里 我在执行 apt installdocker.io 命令时,不能正确的安装 docker client 所以我找了下面的命令,然后执行 docker version 成功了 辅 ...
- Unity的学习笔记(射线检测)
首先,射线检测的API是这样的,网上找了一下,这个图片看得很清楚: 接下来是自己使用这个进行测试 using System.Collections; using System.Collections. ...
- Linux下mqttServer搭建
1.apache-apollo 创建服务 tar -zxvf apache-apollo-1.7-unix-distro.tar.gz cd /home/bk/apache-apollo-/bin . ...
- Bootstrap Studio Mac网页设计神器
Bootstrap Studio Mac网页设计神器 美丽的组件 Bootstrap Studio附带了大量漂亮的组件,用于构建响应式页面.我们有页眉,页脚,画廊,幻灯片甚至基本元素,如跨度和div. ...
- python中eval的使用
eval函数就是实现str与list.dict.tuple之间的转化栗子: a = "[[1,2], [3,4], [5,6], [7,8], [9,0]]" aa = eval( ...
- 自定义表头Datagrid
自定义的一个表头 <bp:BasePage x:Class="NetReform.Pages.RealProbabiTableCompare" xmlns="htt ...
- OptimalSolution(2)--二叉树问题(2)BST、BBT、BSBT
一.判断二叉树是否为平衡二叉树(时间复杂度O(N)) 平衡二叉树就是:要么是一棵空树,要么任何一个节点的左右子树高度差的绝对值不超过1. 解法:整个过程为二叉树的后序遍历.对任何一个节点node来说, ...