前端
关注
分享
扫一扫
王祺灏
耐得住寂寞 守得住芳华
展开
-
微信小程序云开发（13）— “云函数修改(update)/删除(remove)数据”
知识引入：云函数与云数据库进行对比 ↓因此，本地小程序直接调用数据库修改会有问题即只能修改自己创建的数据，别人创建的数据，就没有办法修改了。使用云函数即可解决这个问题。一、云函数修改数据1.先创建云函数 update0129( event.id用于获取本地传来的数据id)2.调用云函数就行修改一、云函数删除数据1.创建云函数 remove01292.调用这个云函数进行删除操作...原创 2021-08-10 01:25:01 · 7256 阅读 · 2 评论 -
微信小程序云开发（12）— “本地向云函数传递参数”
如何向云函数传递参数：云函数通过入口函数的event参数接收本地传来的数据1.创建本地页面，在页面js文件中的onLoad函数中编写传参代码Page({ onLoad(){ wx.cloud.callFunction({ name:'add', //向云函数传递的参数 data:{ a:3, b:4 } }) .then(res=>{ console.log原创 2021-08-10 01:08:58 · 2464 阅读 · 0 评论 -
微信小程序云开发（11）— “如何使用云函数”
如何使用云函数？我们通过使用云函数来连接数据库作为演示1.编写云函数1.在入口函数中编写数据库连接代码cloud.database().collection('goods').get()注意：我们之前直接在页面的js文件中请求数据库时的代码为前面有wx.（在小程序开发中wx.代表本地，我们在云函数中必须要省略！）2.调用云函数1.我们在Page下新建一个“yunhanshu”页面2.在yunhanshu.js中调用getData云函数Page({ onLoad(){原创 2021-08-09 23:59:27 · 632 阅读 · 0 评论 -
微信小程序云开发（10）— “初始化云函数环境”
初始化云函数一、初始化云函数环境二、新建一个云函数三、云函数更新后的上传一、初始化云函数环境1.创建一个与Page平行的cloud文件夹2.在project.config.json里添加一行属性"cloudfunctionRoot":"/cloud"此时刚才创建的cloud文件夹前面就多了个“小云朵”二、新建一个云函数1.右击cloud文件夹，新建Node.js云函数2.这里我们创建一个getData云函数三、云函数更新后的上传注意：每次我们编写或更新了云函数之后，都要重新上传原创 2021-08-09 23:38:39 · 1174 阅读 · 2 评论 -
微信小程序云开发（9）— “返回指定行数limit()及分页skip()”
一、返回指定行数limit()limit用来指定查询结果集数量上限，比如我们有100条数据，只想返回前20条，我们可以通过limit(20)来指定只返回20条数据。例如，只返回3条数据的写法如下注意：limit 在小程序端默认及最大上限为 20，在云函数端默认及最大上限为 1000二、分页方法skip()skip指定查询返回结果时从指定序列后的结果开始返回，常用于分页。比如我们有100条数据，想从第10条开始返回数据，可以通过skip(10)来实现skip结合我们上面学的limit方法可以实现原创 2021-08-07 13:35:11 · 3974 阅读 · 0 评论 -
微信小程序云开发（8）— “对数据库数据进行排序(orderBy)”
数据库排序一、升序操作（从上到下依次增大）：二、降序操作（从上到下依次减小）：进行排序(orderBy)时接收两个参数:1.根据哪个字段排序（排序字段名）2.排序规则（升序或降序），升序用asc，降序用desc一、升序操作（从上到下依次增大）：1.创建按钮效果：2.编写shengxu()shengxu(){ wx.cloud.database().collection('goods') .orderBy('value','asc') .get() .then(res原创 2021-08-07 11:57:51 · 9086 阅读 · 5 评论 -
微信小程序云开发（7）— “删除操作时的弹窗提醒”
此功能直接调用官方文档中的API：wx.showModal代码示例：效果：原创 2021-08-07 10:32:17 · 648 阅读 · 0 评论 -
微信小程序云开发（6）— “增删改查综合案例(用户输入数据并动态添加到数据库)”
实际需求：1.有用户输入数据的文本框和按钮2.通过文本框的getName()和getValue()方法来获取用户输入的名称和值3.有输入校验（输入为空时弹窗提醒用户）4.通过按钮的add方法将数据传入到数据库中1.demo.wxml商品名：<input type="text" bindinput="getName"></input>价格：<input type="text" bindinput="getValue"></input><b原创 2021-08-07 01:11:45 · 2142 阅读 · 2 评论 -
微信小程序云开发（5）— “增删改查综合案例(跳转页面)”
实际需求：1.能查看商品列表2.点击 "商品列表"中的商品跳转到 “商品详情页”大体步骤：1.商品列表页对应: /Pages/demo1/demo12.商品详情页对应: /Pages/demo1-1/demo1-1一、商品列表页(Pages/demo1/demo1)demo1.wxml<view wx:for="{{list}}"> <view bindtap="click" data-id1="{{item._id}}">商品名：{{item.name}},价原创 2021-08-06 23:24:49 · 855 阅读 · 0 评论 -
微信小程序云开发（4）— “云数据库的增删改”
“云数据库的增删改”一、增加数据add()二、更新数据update()三、删除数据remove()注意：更新、删除数据必须使用doc('id')来确定操作哪一条数据一、增加数据add()1.先修改云数据库权限，这样才可通过代码增加数据到数据库2.定义一个按钮，通过点击按钮来增添一条数据，并设置点击事件处理函数为add1()效果：3.在js文件中编写add1()，代码如下： add1(){ wx.cloud.database().collection('goods') .原创 2021-08-06 01:02:12 · 3017 阅读 · 0 评论 -
微信小程序云开发（3）— “实现云数据库数据的查询”
一、在Page文件夹下创建一个新页面1.创建的新页面叫“database”2.编辑 “database.js ”，如下图：二、查询数据库（写onLoad函数）此处有两种写法，注意辨析！第一种，传统写法：代码： onLoad(){ //固定写法,用于获取当前数据库中goods这个表的实例对象 wx.cloud.database().collection('goods') //查询操作 .get({ //请求成功 success(r原创 2021-08-04 23:15:24 · 19749 阅读 · 3 评论 -
微信小程序云开发（2）— “云数据库初始化”
云开发——“云数据库”一、在数据库中创建一个集合1.点击数据库— 点击"+"号创建集合2.在集合中添加数据（相当于添加表中的一行）二、数据库权限管理点击"数据权限"，将权限设置为 “所有用户可读”设置后才可在代码中对数据进行增删改查！...原创 2021-08-04 22:32:27 · 914 阅读 · 0 评论 -
微信小程序云开发（1）— “初始化云开发环境”
一、创建项目创建项目时先选择“不使用云开发环境”二、开通云开发1.点击云开发2.点击设置，查看云环境id（云开发id）三、初始化云开发环境1.先删除用不到的代码（index.wxml/wxss/js，app.wxss等）；2.打开app.js，除 onLaunch函数 外，其余全删除；onLaunch函数中的代码小程序一启动就会执行3.在 onLaunch函数中写入以下代码：wx.cloud.init({ env:'cloud1-3g3t2s71a5090705'//这原创 2021-08-04 21:04:09 · 3386 阅读 · 0 评论 -
前端学习— “JSON语法及使用”
一、什么是JSON？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言JSON 具有自我描述性，更易理解JSON实例：<html><body><h2>在 JavaScript 中创建 JSON 对象</h2><p>Name: <span id="jname"></span><br /&g转载 2021-08-03 19:11:06 · 260 阅读 · 0 评论 -
JavaScript 中定义变量时有无 var 声明的区别
前段时间回答了一个关于定义变量时使用关键字 var 与否的区别，总结回顾一下。1.在函数作用域内加 var 定义的变量是局部变量，不加 var 定义的就成了全局变量。使用 var 定义：var a = 'hello World'; function bb(){ var a = 'hello Bill'; console.log(a); } bb() //'hello Bill' console.log(a); //'hello world' 不.转载 2021-07-04 16:31:22 · 156 阅读 · 0 评论 -
基于JavaScript实现网页计算器
先看效果：此外，计算器还附有数字、运算符检查功能：下贴源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conten原创 2021-04-29 09:26:29 · 626 阅读 · 1 评论 -
2021/4/27 “如何为div层添加边框？”（border属性详解）
解决方法：很简单，一条语句搞定！div { border:1px solid #000; }这样我们就为div层设置了一条宽度为1px，实线，黑色的边框当然上面的代码是以简写的方式设置边框border 属性是以下各个边框属性的简写属性：border-widthborder-style（必需）border-color1.border-width 属性指定四条边框的宽度：可以将宽度设置为特定大小（单位为px、pt、cm、em）也可以使用以下三个预定义值之一：thin、me原创 2021-04-27 22:24:36 · 12722 阅读 · 0 评论 -
2021/4/27 “如何将div层中的文字内容放到正中间？”（垂直、水平均居中）
问题引入：此图中总共有10个div层，我们可以看见里面9个div层中的数字并没有居于其所在层的正中间，那么怎样才能把数字移到正中间呢？很简单，仅需要为div层设置两个属性：text-align=“center” –水平方向上居中line-height=50px; –垂直方向上的居中注意这里line-height的取值一定要与改div层的height的值相等！(图中每个矩形的height为50px，所以line-height的值也为50px)代码：div { text-align:原创 2021-04-27 21:46:09 · 1874 阅读 · 0 评论 -
2021/4/27 “有关html/css的重要知识点的备忘录”
有关html/css的重要知识点的备忘录一、用于显示特殊字符的字符实体：二、分隔标签三、有关表格（table）1.表格属性设置四、有关表单（form）1.<.form>标签的method属性2.表单域3.表单按钮一、用于显示特殊字符的字符实体：特殊字符转义符空格 ；大于号(>)>；小于号(<)<；引号(”)"；版权号(©)©；二、分隔标签分割标签分原创 2021-04-27 17:55:34 · 347 阅读 · 2 评论 -
web编程基础实验
题目要求：一、源代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/ht原创 2021-04-02 17:12:54 · 683 阅读 · 0 评论