暂时未有相关云产品技术能力~
暂无个人介绍
小程序上线过程中,pm2安装成功了,但是运行pm2命令只打印一句话
在第2.2节我们注释代码规避了ESlint格式错误,现在将代码取消注释,将Eslint格式格式问题统一修改 ps:这一节跳过也可以,不进行Eslint格式规范,小程序项目上线后也可以正常运行
在个人中心页面有一个清空记录的功能,点击清空记录,会提示是否确认清空记录提示框。用户点击确认后,删除该用户所有的历史record记录数据
现在是一次性加载所有的记录数据,数据多的时候,会加载比较慢,所以我们改成分页加载,一次最多加载15条数据 每次拉倒底部都会自动加载下一页的数据,知道所有的数据加载完成
1、引入工具函数 编辑RecordList.vue文件,引入util.js文件中的post、showModal这两个工具函数
1、添加data变量 编辑RecordList.vue文件的data函数,添加三个变量:ellipsis、note、src 其中ellipsis用来控制添加或者编辑文本框显示、note是添加或者编辑文本框中的文本(note默认为记录数据里面的备注)、src是编辑按钮图片链接
将数据库中的数据格式化成YYYY.MM.DD hh:mm的格式,比如2019.10.12 20:24
1、功能介绍 在记录页面对记录数据进行展示,每条记录数据后面都有编辑按钮,点击编辑按钮,出现修改文本框,点击修改按钮后,文本框会自动收起
1、添加data变量 添加records变量,用来保存记录数据
这一章,将在首页生成的记录,也就是将records数据表中的数据显示出来
点击撤销按钮,撤销上一步的操作记录 也就是删除records数据表中的最后一条数据
点击清零按钮,出现提示框,提示是否确认清零 确认的话,请求后端,在数据库records表中增加一条新的记录,这条记录的分数字段mark为0 取消的话,不进行任何操作 清零功能不删除历史记录
如果服务器出现错误,用户可以自己下拉刷新页面来获取当前分数 下拉刷新的函数是onPullDownRefresh 这节我们来实现下拉刷新的功能
上一节实现了点击加减分的按钮,在数据库会插入一条数据。但是点击编译按钮(在微信开发者工具的右上角),总分又变成了0。 这是因为虽然在数据库中添加的记录,但是当前总分并没有读取到数据库当前的数据,我们在这一节读取当前总分
目前,我们在首页实现了点击+1、+5、-1、-5的按钮,总分会发生变化。但是重新打开小程序,总分又变成0了 如果想要继续在之前总分的基础上加减分数,就需要数据库来辅助。 这节我们实现点击加减分数按钮,同时产生对应记录插入到数据库中 要开始操作首页了,我们在app.json中将首页放在pages的第一个
1、创建后端操作文件 先在后端server/controllers文件夹中创建操作文件createopinion.js,用来将从前端页面提交的数据,插入到opinions表中,创建完之后,页面目录如下
数据库主要在后端操作,也就是server文件夹中
1、添加变量 在opinion.vue文件data对象中添加4个变量addimage、img_count、src、wechat、userinfo addimage是未上传照片时默认显示照片的链接、img_count是用户上传照片的数量、src是用户上传的照片链接组成的数组、wechat是用户的微信号码、userinfo是用户信息
1、添加变量 编辑opinion.vue文件script部分的代码,添加data对象,在里面定义两个变量opinion、word_count opinion是用户反馈信息,word_count是用户反馈信息的字数
1、创建意见反馈页面 (1)在src/pages文件夹下面新建一个命名为opinion的文件夹,并且在文件夹下创建opinion.vue、main.js两个文件 (2)修改src/pages/opinion/main.js文件
1、创建说明书页面 在第二章讲过创建新页面的步骤,这次再来复习一下 (1)在src/pages文件夹下面新建一个命名为instruction的文件夹,并且在文件夹下创建instruction.vue、main.js两个文件
上节课已经将用户的微信头像、微信昵称显示出来了,这节课,我们在微信昵称的下面实现随机语句的显示 也就是挑选10条励志的句子,用户每次切换到个人中心页面,都会随机显示这10条句子中的一条
第四章,我们来完善个人中心,主要操作是src/pages/me文件夹中的me.vue文件,先看看个人中心页面的效果:
用户登录完成之后,我们添加一个登录成功的弹窗。
1、获取用户信息 我们在实现登录功能时,添加的登录成功时调用的方法loginSuccess。 方法中代码wx.setStorageSync('userinfo', res)的作用是将用户信息保存到了缓存中,并将这条缓存信息命名为userinfo。 缓存信息会一直存储在用户的手机中,等到下次打开小程序的时候,小程序会读取微信的缓存,来获得用户信息。如果用户清除了微信的缓存,那么需要用户重新登录小程序。 现在我们从缓存中将用户信息读取出来
组件 (Component) 是 Vue.js 最强大的功能之一。用来封装可重用的代码或者封装一个单独的模块,比如我们上一节的登录弹窗,下面我们来演示一下如何将代码提取到组件
微信小程序有类似于wx.showToast,wx.showModal等的默认弹窗,但是样式较少,实现不了我们的需求,所以我们这节来自己写一个登录弹窗。还是继续编辑pages/index/index.vue文件
在本地搭建好后端环境之后,我们来实现登录功能
第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端。所以先来搭建后端开发环境
在前面介绍原生小程序框架的章节中,我们在app.json文件中添加过tabBar底部导航,这节我们再详细讲解一下
、创建个人中心页面文件夹 (1)在src/pages文件夹下面新建一个命名为me的文件夹,并且在文件夹下创建me.vue、main.js两个文件 目前pages文件夹如下所示:
ES6是JavaScript的一个版本,因为我们前面用到的vue默认使用ES6语法开发,所以我们在这一节补充ES6的知识点,先了解我们项目经常用到的ES6的一些语法。
这一节我们继续完善index页面,编辑src/pages/index/index.vue文件,在实际项目开发中,让大家继续了解vue
1、修改入口文件 也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件
1、修改src/pages文件夹 pages文件夹里面是小程序的所有页面,我们将counter、logs这两个文件夹删掉,只留下index文件夹
mpvue 是美团开源的一个快捷开发小程序的框架,让我们可以使用vue.js语法编写小程序。大大降低了开发小程序的门槛,非常给力的一个框架。 1、首先需要安装node.js环境(Mac电脑)
从第二章开始我们就要正式开始敲代码了,微信开发者工具里面的代码编辑器不太好用,我们需要自己安装一个sublime代码编辑器。
这一节我们要学一个新的知识点,在数据库中创建opinion数据表,然后在意见反馈页面,点击提交按钮,将填写的反馈数据提交到opinion数据表中
1、打开小程序目录 打开微信开发者工具,我们上一节新建的项目,我圈出来的这个地方就是小程序的目录结构(如果你那里没有显示,可以点击左上方的编辑器来显示)
1、注册小程序 (1)注册小程序账号 点击下面注册地址开始注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1 第一步:完善账号信息,选择一个自己的邮箱注册 第二步:进行邮箱激活,登录邮箱,点击激活链接 第三步:用户信息登记,确认主体类型,我选择的是「个人」类型 66
Mac系统安装mysql数据库方法
1、问题描述 在「添加基金页面pages/addfund/main」添加完基金后,点击取消,会需要跳转到「基金页面pages/index/main」并且刷新出刚刚添加的基金 现在的问题是: 在微信开发者工具中操作时:添加完基金后,会跳转到「基金页面pages/index/main」并且刷新出刚刚添加的基金 在真机调试、预览时:在手机上操作添加完基金后,会跳转到「基金页面pages/index/main」但是不会自动刷新出刚刚添加的基金
1、查看当前mpvue版本 打开小程序项目,在package.json文件中可以看到mpvue当前的版本,可以看出我当前mpvue的版本是"^2.0.0",意思是安装mpvue时,2.X.X的最新版本。
1、问题描述 父级列表页,将列表项做成自定义组件ItemList,监听子组件的click事件,获取当前子组件实例所在数组的索引值。 发现前10个子组件实例触发click时,console.log能正确输出该组件所在数组的索引值,但是后续的子组件实例触发click时输出的并非该组件所在数组的索引值。 下面是控制台打印的内容:
1、域名映射准备材料 云服务器以及域名(参考5.1 购买服务器、域名) nginx unicorn 2、安装以及设置nginx
1、问题描述: 两个有限的数字相减得到小数点后面类似00000000000001,69999999999999之类的数。像下面这样0.1 + 0.2没有返回0.3,反而返回0.30000000000000004。原因是因为计算机把数字转成二进制计算再将计算转成十进制的这个过程出现的计算误差。不仅仅是JavaScript会出现这个问题,其他语言也会有。不过解决思路都是一样的
1、数据库初始化 (1)登录数据库,创建名为data_system的database
knex.js中 orderBy多个字段排序
1、git分布式版本控制系统是什么? 现在本地电脑1有一套data_system的代码,如果想把这套代码放到云服务器上,应该怎么做呢? 最简单的做法是直接将本地电脑1上的代码拷贝到服务器上。 但是我们拷贝完成后发现了一个bug1,在本地电脑1的代码中修复了之后。需要与云服务器上的代码同步,还是要将本地电脑1的代码拷贝到服务器上吗? 团队的另一个人修改了bug2,没有修改bug1,他如果将自己本地电脑2的代码拷贝到服务器上,就会将你刚刚修改的bug1代码覆盖掉。 所以我们现在需要一个第三方先将代码处理整合一下,将我们自己的代码与团队其他人的代码整合起来,再通过git pull操作将整合后
1、小程序效果演示 (1)点击添加基金按钮,跳转到添加基金的页面,目前该页面(pages/index/main)有两个基金。