- 博客(108)
- 收藏
- 关注
RSS订阅
原创 vue电商实战项目
最近想把vue项目练练手，然后就在网上找了一个视频教程，跟着别人老师把项目做了一遍，做完后收获还是很大的，和那个老师不一样的是，他那上面的一些组件都是自己封装的，比如，那些轮播图，tab导航栏，toast提示框，而这些东西，我都是用的vant-ui上的，关于这个ui我建议大家也去学一学，这个在工作后会用的比较多，接下来我就来具体的介绍一下这个项目：项目主要分为四个模块，首页，分类页，购物车，我的...
2020-04-06 16:41:27
54333
45
原创 微信小程序电商实战项目
项目地址：如果觉得对您有用，不忘记了给个 star最近看了下前端招聘的需求，好多都需要会小程序，于是，索性在家里系统的学了下，在这个项目中，我真的学到了很多东西，至少熟悉了整个小程序大致开发的流程，话不多说，项目主要分为四个大的模块: 首页、分类页，购物车，我的；首页：分类页面：购物车：我的：搜索页：商品列表：购物车：支付页面：好了，还有些页面就不都给大家列举出...
2020-03-11 22:41:18
32203
62
原创 基于微信小程序点餐、外卖系统的设计与实现 (源码+lw+参考文档+核心代码讲解等)
本课题的主要目标是设计并能够实现一个基于微信小程序点餐系统。项目采用的是前后端分离的开发模式，前台用户使用小程序，后端使用Node+MySQL的B/S架构，商家管理端采用vue+element技术来实现。当打开商家管理web端网页的时候，首先要输入管理员用户名和密码才能进入，然后我们可以看到 用户管理、菜品管理、订单管理、评论管理、数据分析等。注册普通账号登录；登录之后经过微信授权获取用户头像和昵称；
2024-09-09 14:57:33
1238
原创 flex居中对齐 最右边右对齐
由于子元素只有 align-self: flex-end;试了一下这个是可以生效的。这个不生效，百度查了一下，说flex布局没有这个属性，所以不生效。话不多说，直接上干货。
2023-01-04 15:31:38
1688
原创 node连接mysql Access denied for user ‘root‘@‘localhost‘ (using password: YES
出现这种情况，是第一个可能是密码错误，如果不是密码错误那就是数据库端口号 3306 被占用了然后出现错误的情况如下图所示：解决方法：打开cmd 输入下面命令netstat -ano|findstr "3306" // 首先查看3306被什么占用了tasklist|findstr "4608" // 查看被占用的具体任务这里我的是被 mysqld.exe 给占用了然后 同时按住 ctrl 和 alt 和 . 打开任务管理器，然后结束 mysqld.exe
2022-02-11 19:12:13
1085
1
原创 微信小程序毕业设计——社区老人互助管理平台
自己空闲的时候做的一个小程序关于社区老人互助的一个小程序，希望大家喜欢，感兴趣的老铁们可以瞧瞧，喜欢的就点赞，谢谢！！！
2022-01-10 17:41:52
1606
原创 微信小程序云开发获取上传图片后https的url链接地址
话不多说，直接上代码：// 点击上传图片 触发函数changeBigImg(){ let that = this; wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res) { console.log("成功",res); that.uploadImage(res.tempFil
2021-12-16 14:30:03
5636
2
原创 el-table-column prop使用三元运算符(动态展示数据)
前言：有时候我们前端展示的信息，是根据后端返回过来的字段值来动态展示的，这时候可以使用插槽。// scope.row 代表当前循环的每一项单独的个体对象(相当于item) <el-table-column label="类别"> <template slot-scope="scope"> <span v-if="scope.row.num==0">HTML</span> <span
2021-12-08 17:09:14
2657
原创 小程序云开发上传文件(pfd、文档、图片、视频、音乐。。。)
话不多说，直接上代码：wxml页面：<view bindtap="chooseFile">上传</view>js页面： //第一步：选择文件 chooseFile(){ let that = this wx.chooseMessageFile({ count: 1, type: 'all', // all 代表所有类型的文件都可以上传 success (res) { wx.showLoading
2021-12-03 20:24:06
498
原创 微信小程序云开发上传图片 拍照
wxll代码：<button bind:tap="doUpload"></button>js代码： doUpload(){ // 选择图片 wx.chooseImage({ count: 1, //选择一张图片 sizeType: ['compressed'], //压缩图 sourceType: ['album', 'camera'], //相册或拍照 success: fun
2021-04-30 14:23:05
736
原创 js获取当前时间 yyy-MM-dd hh:mm:ss
// 获取当前时间 //显示日期在页面上 yyy-MM-ddgetTime(){ var now = new Date(); var year = now.getFullYear(); //得到年份 var month = now.getMonth();//得到月份 var date = now.getDate();//得到日期 var day = now.getDay();//得到周几 var hour = now.getHours();//得到小时 var mi...
2021-04-28 13:44:35
2089
原创 Unknown column ‘xxx‘ in ‘field list‘ 解决方案
今天在使用 node.js 往mysql中插入数据时包了一个错误：改之前的sql语句： let sql = `INSERT INTO liuyan(user,time_msg,msg) VALUES(${req.query.user},${req.query.time_msg},${req.query.msg})`经过百度，查资料，解决方法如下：原因是char型要加’'符号。将sql语句改为： let sql = `INSERT INTO liuyan(user,time_msg,msg)
2021-04-27 09:00:52
2250
原创 微信小程序进入某一页面自动播放背景音乐
前言：微信小程序进入某一个页面自动播放背景音乐，当退出这个页面时，音乐关闭wxml代码：<audio loop id="greetings" src="https://7369-sirfuao-4gczpw45e6c4ae20-1305187054.tcb.qcloud.la/music/guxinag.mp3" ></audio>js代码：const audioCtx = ''; onShow () { this.audioCtx = wx.cre
2021-04-26 16:26:43
4801
9
原创 微信小程序报错Unexpected end of JSON input
原因：JSON.parse无法识别某些url中的特殊字符，所以报错：需求，在 a.js 跳转到 b.js 将 obj 对象传递给 b.js 页面在a.js中：wx.navigateTo({ url: '../b/b?obj=' + encodeURIComponent(JSON.stringify(e.currentTarget.dataset.obj)), })在b.js中： onLoad: function (options) { var nextData =
2021-04-23 11:06:41
1423
原创 JS判断数组的值出现的次数，以及去重
1、代码： var arr = ["曹阳","曹阳","李四","张三","张三","张三","张三","张三",]; var temp = []; var obj = {}; var newArr = []; for (var i = 0; i < arr.length; i++) { var dt = arr[i]; if (obj[dt]) {
2021-04-15 19:46:07
686
原创 vue中Echarts动态数据
前言：在真正的开发中，我们使用的数据都是从后端获取过来的，有时候还需要做到实时刷新，今天我也遇到这种问题了，做个总结。方法一：通过computedcomputed: { options() { let that = this; let option = { tooltip : { trigger: 'axis', formatter: function(item) { re
2021-04-15 18:25:05
9003
原创 node.js 实现跨域
node - 处理跨域 ( 两步解决 )1、安装 cors 模块 ：npm install cors --save2、代码 ：var express = require('express') // express 框架var app = express()var cors = require('cors')app.use(cors())
2021-04-12 14:52:25
224
原创 微信小程序如何修改第三方组件 vant-weapp样式修改
前言：对于vant-weapp可以局部修改，也可以全局修改，局部修改就是，需要在哪个页面中使用，就修改当前页面的样式，不会影响其他的页面，我使用的是局部修改。其实很简单 vant-weapp 已经给我们提供好了。如，我要修改商品卡片 van-card 组件中的商品标题的样式；修改前：我要将它改为只显示两行。第二行超出部分用 … 显示其实 vant-weapp 已经给我们提供好了 外部样式属性了在wxml文件中：<van-card wx:for="{{rightConentLi
2021-03-31 10:11:01
8899
4
原创 微信小程序-scroll-view 中 flex 布局失效
scroll-view 中 flex 布局失效今天做微信小程序项目的时候，想把商品横着展示 滑动，使用flex布局的时候，怎么也不起作用。百度琢磨了半天，终于找到解决方法了在 scroll-view 中加入 enable-flex = true 即可<scroll-view scroll-y="true" enable-flex="true"> code... </scroll-view>...
2021-03-30 16:16:17
1299
2
原创 微信小程序云开发
前言：微信小程序云开发可以在创建项目的时候直接选着云开发，也可以以普通的方式创建小程序项目之后(就是不使用云开发的方式)，然后在做一些配置，同样让小程序拥有云开发的功能，下面我就是使用的普通方式创建的小程序项目。一、初始化云开发环境首先进入app.json 文件夹，加上如下代码：onLaunch() { console.log("小程序启动成功"); wx.cloud.init({ env: 'phone-text' })// env 后面写的是你小程序云开发的
2021-03-30 13:47:27
473
原创 微信小程序使用npm构建工具
1、npm初始化在小程序的根目录文件夹里打开命令行，执行npm init -y，此时会产生一个package.json文件2、安装npm包这里以vant-weapp(小程序UI组件库)为例：npm i @vant/weapp -S --production3、npm包构建1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块2：点击微信开发者工具菜单栏的工具，选择构建npm4、使用npm以 Button 组件为例，只需要在app.json或index.json中
2021-03-29 20:42:04
471
原创 node+mysql post请求body为空
前言：今天给学弟做毕业设计的时候，自己写接口遇到一个很奇怪的事情，在一个登录接口中，前端传过来的值一直为空，当我换成get请求时，又可以正常传递过来，于是百度了一下，找到答案了。Nodejs req.body 默认为空。如果使用了 express 框架，可以输入以下代码解决在app.js文件中 // 考虑到post的请求的参数在请求体内 req.body 所以要安装body-parser来解析请求体中的数据// 安装body-parser的命令 npm install body-parser --
2021-03-13 08:51:26
735
2
原创 小程序真机调试调用本地接口请求无效获取不到数据
前言：今天给一个学弟代做毕业设计，是一个小程序的，后端用的node.js+mysql，当我后端写好后，用微信开发者工具调用后端数据的时候发现根本获取不到数据,于是我百度，最终找到答案了。百度了两种，其中前一种方法不管用第一种，将请求地址换成 localhost； 不管用第二种，解决方案大前提：必须手机和电脑在同一个局域网之中，实在不行你手机给你电脑开热点1、在维信开发者工具中 设置–> 项目设置 找到不检验合法域名，将它选中2、然后打开自己电脑终端，输入 ipconfig 查看自己
2021-03-12 10:02:01
17514
18
原创 微信小程序点击事件传递参数
在维信小程序开发中传递参数的方式不同于前端开发其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式(和vue项目中的参数传递不同)，具体实现如下：wxml:<view bindtap="addBind" wx:for="list" data-item="{{item}}" wx:key="name" data-index="1"> <view>{{ item.name }}</view></view>js中：bin
2021-03-11 09:40:36
3789
2
原创 css添加边框阴影上、下、左、右详解
box-shadow: 2px 2px 2px #E5E5E5, -1px -1px 1px #E5E5E5; // 给多个边框添加阴影效果
2021-03-09 13:10:38
48652
3
原创 点击页面出现富强民主，文明和谐之类的文字
一、文字预览如下图二、话不多说，直接上代码1、 复制下面CSS代码粘贴到页面任意位置<style>.text-popup { animation: textPopup 1s; color: red; user-select: none; white-space: nowrap; position: absolute; z-index: 99;}@keyframes textPopup { 0%, 100% {
2021-03-06 15:04:01
1365
2
原创 ajax详解
前言：浏览器与服务器之间，采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服务器发出 HTTP 请求。JavaScript 脚本发起 HTTP 通信，就叫做 AJAX 通信一、常见的前后端通信手段ajax、jQuery ajax、axios、fatch二、ajax的四个步骤1、创建XMLHttpRequest 实例对象2、初始化 设置请求方法和 url3、发送HTTP请求4、事件绑定 处理服务器返回的结果三、封装ajax中的
2021-01-12 13:43:34
528
原创 原型与原型链详解
前言与大部分面向对象语言不同，ES6之前中没有引入类 (Class) 的概念，JavaScript并非通过类而是直接通过构造函数来创建实例的。在介绍原型和原型链之前，我们有必要先复习一下构造函数的知识。一、构造函数构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。另外就是调用方式的不同，普通函数是直接调用，而构造函
2020-12-23 22:11:02
302
4
原创 平时常用网站和工具
这篇博客记录平时学习和工作的过程中发现的一些好的学习网站和工具；1、谷歌插件市场：传送门：谷歌插件市场作为一个前端工程师，和浏览器打交道特别多，特别是和谷歌浏览器，调试基本上都是在谷歌上调试，比如开发vue项目的时候，我们如果使用vue-devtools就能很直观的看到数据，所以有些插件可以上我们事半功倍；2、香蕉云证书：传送门：香蕉云证书在开发app完成后，最后打包的时候，需要上传安卓证书和ios的证书，使用这个网站就可以免费生成；3、react-router-dom 文档地址：react
2020-12-15 20:34:49
384
1
原创 vue前端跨域解决方案
为什么会出现跨域：浏览器访问非同源的网址时,会被限制访问,出现跨域问题.常见的跨域有三种：jspn跨域，原理：动态生成script标签，通过script标签引入接口地址(因为script标签不存在跨域的)cors跨域(后端开启) ：全称 “跨域资源共享”，原理：它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制vue代理服务器proxy跨域：通过请求本地的服务器，然后本地的服务器再去请求远程的服务器(后端部署接口的服务器)，最后本地服务器再将请求
2020-12-12 13:59:27
20894
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人