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评论列表和添加购物车数据库表创建的更多相关文章

  1. 15个Node.js项目列表

    前言: Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascri ...

  2. 将 node.js 的数据保存到 mongo 数据库中

    Mongo 数据库 安装 首先到 Mongo 的官方网站下载安装程序:http://www.mongodb.org/,我下载的文件名为:mongodb-win32-x86_64-2008plus-2. ...

  3. linux系统添加环境变量,node.js forever 守护进程添加环境变量

    1.node.js 守护进程组件 forever 安装 npm install forever -g 安装完成后截图: 2.安装完成后在控制台输入 forever 出现 -bash: forever: ...

  4. Node.js 学习笔记之四:使用数据库

    这部分示例将示范SQLite3.MongoDB这两种不同类型的数据库在 Node.js 中的使用方法.首先,我们要在code目录下执行mkdir 06_database命令来创建用于存放这一组示例的目 ...

  5. 026 SSM综合练习02--数据后台管理系统--数据库表创建及SSM环境搭建

    1.数据库准备 本项目我们Oracle数据库,Oracle 为每个项目创建单独user,oracle数据表存放在表空间下,每个用户有独立表空间. (1)采用数据库管理员账号:SYSTEM,再配合数据库 ...

  6. Lucene学习之一:使用lucene为数据库表创建索引,并按关键字查询

    最近项目中要用到模糊查询,开始研究lucene,期间走了好多弯路,总算实现了一个简单的demo. 使用的lucene jar包是3.6版本. 一:建立数据库表,并加上测试数据.数据库表:UserInf ...

  7. 原生js实现点击添加购物车按钮出现飞行物飞向购物车

    效果演示: 思路:核心->抛物线公式 let a = -((y2-y3)*x1 - (x2-x3)*y1 + x2*y3 - x3*y2) / ((x2-x3) * (x1-x2) * (x1- ...

  8. Node.js高级编程读书笔记 - 5 数据库 - Never

    Outline 6 连接数据库 6.1 使用node-mysql连接MySQL数据库 6.2 使用Nano连接CouchDB数据库 6.3 使用Mongoose连接MongoDB数据库 6 连接数据库 ...

  9. Node.js使用Mongoose包操作MongoDB数据库

    1. 安装Mongoose npm install mongoose 2. 使用 2.1 创建连接 var mongoose = require('mongoose'); mongoose.conne ...

随机推荐

  1. Java工程师学习指南(中级篇)

    Java工程师学习指南 中级篇 最近有很多小伙伴来问我,Java小白如何入门,如何安排学习路线,每一步应该怎么走比较好.原本我以为之前的几篇文章已经可以解决大家的问题了,其实不然,因为我写的文章都是站 ...

  2. 编程杂谈——std::vector与List<T>的性能比较

    昨天在比较完C++中std::vector的两个方法的性能差异并留下记录后--编程杂谈--使用emplace_back取代push_back,今日尝试在C#中测试对应功能的性能. C#中对应std:: ...

  3. Mac搭建 Eclipse +Pydev+Python 环境

    Mac配置Python开发环境(Eclipse +Pydev+Python) 1.首先下载MAC版的64位Eclipse. eclips下载地址打开链接,选择需要的版本下载 2.下载Python. M ...

  4. 关于Python读写Excel

    关于Excel的读写本人最近看到一篇不错的文章话不多少直接连接https://blog.csdn.net/qq_41185868/article/details/80469355

  5. python中函数调用---可变对象以及不可变对象

    # 定义函数 def demo(obj): print("原值: ",obj) obj += obj #调用函数 print("========值传递=======&qu ...

  6. vue+element 实现商品sku效果

    在网上搜索了很久,没有发现合适sku编辑的文章,只能自己写一个vue+element 的sku编辑功能.实现的效果如下图 除成本.售价.库存.货号这几个写死的属性外,可自行添加/删除商品属性,自行添加 ...

  7. 自力更生Collections.sort发现比较结果混乱?Comparator的锅还是强转类型导致?

    近日开发任务时间充裕一些,于是有时间回顾一下项目. 我关注到了项目中使用的七牛云的对象存储服务. 作为测试需要上传了一些图片,但七牛的控制台却无法将内容按照上传时间排序或者是按照日期查询,由于buck ...

  8. Maven安装和在IDEA配置Maven

    一.Windows安装Maven 1.下载Maven 这里需要注意:不要去官网下载最新的版本,因为会出现与IDEA不兼容的现象. 这里提供下载地址:https://archive.apache.org ...

  9. 概率图模型(PGM):贝叶斯网(Bayesian network)初探

    1. 从贝叶斯方法(思想)说起 - 我对世界的看法随世界变化而随时变化 用一句话概括贝叶斯方法创始人Thomas Bayes的观点就是:任何时候,我对世界总有一个主观的先验判断,但是这个判断会随着世界 ...

  10. Docker学习3-简单shell脚本安装mysql5.7与docker小技巧

    前言 玩过Windows中的 .bat 的小伙伴是不是觉得很有意思呢,github中一键推送.同步拉取等等操作,哈哈,当然shell脚本也是很类似,可以运行一个脚本就可以自动给我们部署好环境啦!但是这 ...