全栈开发自学记录

5.3【微信小程序全栈开发课程】首页完善（三）--下拉刷新、分享功能

如果服务器出现错误，用户可以自己下拉刷新页面来获取当前分数下拉刷新的函数是onPullDownRefresh这节我们来实现下拉刷新的功能1、创建文件在src/pages/index文件夹下面创建main.json文件，并在文件里面加上代码，用来允许这个页面可以下拉刷新{"enablePullDownRefresh":true}2、添加下拉刷新函数编辑src/pages/index/index.vu
猫宁一·2020-08-21 05:32

5.5【微信小程序全栈开发课程】首页完善（五）--撤销功能

点击撤销按钮，撤销上一步的操作记录也就是删除records数据表中的最后一条数据1、添加撤销方法编辑index.vue文件的script部分，在methods函数中添加撤销方法recallasyncrecall(){try{constres=awaitpost('/weapp/deleterecord',{openid:this.userinfo.openId})console.log("从后端返
猫宁一·2020-08-21 05:32

5.2【微信小程序全栈开发课程】首页完善（二）--读取当前分数

上一节实现了点击加减分的按钮，在数据库会插入一条数据。但是点击编译按钮（在微信开发者工具的右上角），总分又变成了0。这是因为虽然在数据库中添加的记录，但是当前总分并没有读取到数据库当前的数据，我们在这一节读取当前总分1、添加读取总分方法asyncgetCurrentMark(){try{constres=awaitget('/weapp/getmark',{openid:this.userinfo
猫宁一·2020-08-21 05:32

6.3【微信小程序全栈开发课程】记录页面（三）--记录数据组件初始化

1、功能介绍在记录页面对记录数据进行展示，每条记录数据后面都有编辑按钮，点击编辑按钮，出现修改文本框，点击修改按钮后，文本框会自动收起2、创建组件在src/components文件夹下面创建一个RecordList.vue文件，用来展示一条记录写入vue基础代码记录数据组件exportdefault{}3、在记录页面引入组件编辑record.vue文件。通过import引入组件，并添加compon
猫宁一·2020-08-21 05:32

6.1【微信小程序全栈开发课程】记录页面（一）--添加记录页面

这一章，将在首页生成的记录，也就是将records数据表中的数据显示出来1、创建记录页面文件夹（1）在src/pages文件夹下面新建一个命名为record的文件夹，并且在文件夹下创建record.vue、main.js两个文件（2）修改src/pages/record/main.js文件main.js是入口文件，通过main.js来加载record.vue文件。每个页面文件夹中都要有main.j
猫宁一·2020-08-21 05:32

3.5【微信小程序全栈开发课程】登录功能（三）--获取用户信息

1、获取用户信息我们在实现登录功能时，添加的登录成功时调用的方法loginSuccess。方法中代码wx.setStorageSync('userinfo',res)的作用是将用户信息保存到了缓存中，并将这条缓存信息命名为userinfo。缓存信息会一直存储在用户的手机中，等到下次打开小程序的时候，小程序会读取微信的缓存，来获得用户信息。如果用户清除了微信的缓存，那么需要用户重新登录小程序。现在我
猫宁一·2020-08-21 05:31

4.8【微信小程序全栈开发课程】小程序前后端的联系以及get、post代码封装

数据库主要在后端操作，也就是server文件夹中1、koa路由（1）koa路由介绍Koa我们前面讲过，是后端的框架路由管理就是接收不同的api请求，找到相应处理的文件，查到或者修改数据，返回处理的信息。koa路由，统一在server/routes/index.js文件中管理比如我们在前面配置过登录链接http://localhost:5757/weapp/login，通过http://localh
猫宁一·2020-08-21 05:31

4.5【微信小程序全栈开发课程】意见反馈（一）--实时监控字数

1、添加变量编辑opinion.vue文件script部分的代码，添加data对象，在里面定义两个变量opinion、word_countopinion是用户反馈信息，word_count是用户反馈信息的字数exportdefault{data(){return{opinion:"",word_count:0}}}2、添加页面代码（1）编辑opinion.vue文件template部分的代码，意见
猫宁一·2020-08-21 05:31

4.9【微信小程序全栈开发课程】意见反馈（四）--提交反馈信息

1、创建后端操作文件先在后端server/controllers文件夹中创建操作文件createopinion.js，用来将从前端页面提交的数据，插入到opinions表中，创建完之后，页面目录如下2、添加路由在路由管理文件server/routes/index.js文件中添加路由//需要添加的代码router.post('/createopinion',controllers.createopi
猫宁一·2020-08-21 05:31

5.1【微信小程序全栈开发课程】首页完善（一）--点击记录插入数据库

目前，我们在首页实现了点击+1、+5、-1、-5的按钮，总分会发生变化。但是重新打开小程序，总分又变成0了如果想要继续在之前总分的基础上加减分数，就需要数据库来辅助。这节我们实现点击加减分数按钮，同时产生对应记录插入到数据库中要开始操作首页了，我们在app.json中将首页放在pages的第一个"pages":["pages/index/main","pages/me/main","pages/i
猫宁一·2020-08-21 05:31

3.2【微信小程序全栈开发课程】登录功能（一）--实现登录功能

在本地搭建好后端环境之后，我们来实现登录功能1、安装SDK插件SDK插件用来获取用户的openIdSDK是server端（也就是后端）的插件，帮助我们很容易的获取openId。openId是微信中用户身份的唯一标识，我们通过openId来识别用户，方便后期的用户管理~/WeChatProjects/truth_hold$npminstall--savewafer2-client-sdk//系统返回
猫宁一·2020-08-21 05:31

4.6【微信小程序全栈开发课程】意见反馈（二）--上传照片

1、添加变量在opinion.vue文件data对象中添加4个变量addimage、img_count、src、wechat、userinfoaddimage是未上传照片时默认显示照片的链接、img_count是用户上传照片的数量、src是用户上传的照片链接组成的数组、wechat是用户的微信号码、userinfo是用户信息//参考代码，无需粘贴//opinion:"",//word_count:
猫宁一·2020-08-21 05:31

2.4【微信小程序全栈开发课程】ES6知识点详解--创建config.js配置文件

ES6是JavaScript的一个版本，因为我们前面用到的vue默认使用ES6语法开发，所以我们在这一节补充ES6的知识点，先了解我们项目经常用到的ES6的一些语法。ES6文档参考https://www.runoob.com/w3cnote/es6-concise-tutorial.html1、创建测试方法（1）编辑index.vue文件为了方便我们理解，直接在src/pages/index/in
猫宁一·2020-08-21 05:31

4.7【微信小程序全栈开发课程】意见反馈（三）--操作数据库knex

这一节我们要学一个新的知识点，在数据库中创建opinion数据表，然后在意见反馈页面，点击提交按钮，将填写的反馈数据提交到opinion数据表中1、数据表的字段字段名字段说明字段类型备注openid用户微信标识string必填opinion用户反馈信息text必填src图片链接text选填wechat微信号string选填create_time创建时间timestamp必填2、创建opinions
猫宁一·2020-08-21 05:01

3.3【微信小程序全栈开发课程】登录功能（二）--自定义登录弹窗

微信小程序有类似于wx.showToast,wx.showModal等的默认弹窗，但是样式较少，实现不了我们的需求，所以我们这节来自己写一个登录弹窗。还是继续编辑pages/index/index.vue文件1、效果展示这节我们先来看一下弹窗的效果是啥样的2、添加自定义弹窗（1）编辑pages/index/index.vue文件这部分的样式是自定义弹窗的样式，将这些样式代码添加到style部分中，
猫宁一·2020-08-21 05:00

4.1【微信小程序全栈开发课程】个人中心（一）--页面样式、用户信息展示

第四章，我们来完善个人中心，主要操作是src/pages/me文件夹中的me.vue文件，先看看个人中心页面的效果：1、将个人中心页面放在首页在讲解app.json文件时，提到过在pages数组中第一个页面路径是进入小程序的默认显示页面这一章我们编辑个人中心页面，将个人中心页面路径放在pages数组中的第一个编辑src/app.json文件，将个人中心页面路径放在第一个"pages":["page
猫宁一·2020-08-21 05:00

4.2【微信小程序全栈开发课程】个人中心（二）--显示随机语句

上节课已经将用户的微信头像、微信昵称显示出来了，这节课，我们在微信昵称的下面实现随机语句的显示也就是挑选10条励志的句子，用户每次切换到个人中心页面，都会随机显示这10条句子中的一条1、添加变量编辑//参考代码，无需粘贴//userinfo:{},//需要粘贴的部分quote:""2、添加方法在methods对象中添加方法rankArray，用来生成当前应该显示的语句methods:{//生成随机
猫宁一·2020-08-21 05:00

3.1【微信小程序全栈开发课程】在本地搭建后端开发环境

第二章将前端页面的框架基本搭建好了，第三章，我们来做登录功能，登录功能需要在后端获取到用户信息，返回到前端。所以先来搭建后端开发环境1、后端开发环境介绍我们的项目用的是前后端分离开发前端可以理解为微信端，对应的是src文件夹，小程序页面的显示都是在前端操作后端就是需要配置在云服务器上的代码，对应的是server文件夹，数据库读写数据、获得接口数据都是在后端操作我们开发项目过程中，如果server文
猫宁一·2020-08-21 05:00

3.4【微信小程序全栈开发课程】组件(Component)--封装登录弹窗组件

组件(Component)是Vue.js最强大的功能之一。用来封装可重用的代码或者封装一个单独的模块，比如我们上一节的登录弹窗，下面我们来演示一下如何将代码提取到组件1、创建组件在src/components文件夹下面创建一个LoginWindow.vue文件写入vue基础代码登录弹窗组件exportdefault{}2、添加样式代码将index.vue文件中上一节课添加的样式代码，剪切到我们刚刚
猫宁一·2020-08-21 05:00

3.6【微信小程序全栈开发课程】登录功能（四）--显示登录成功弹窗

用户登录完成之后，我们添加一个登录成功的弹窗。1、创建工具函数文件创建src/util.js工具函数文件，用来放我们后期会重复用到的函数，比如提示框，HTTPS请求等。粘贴下面代码到util.js文件中//消息提示框exportfunctionshowSuccess(text){//wx.showToast是小程序现成的API，其中title是提示的内容,icon是显示的图标wx.showToas
猫宁一·2020-08-21 05:00

4.4【微信小程序全栈开发课程】个人中心（四）--创建意见反馈页面

1、创建意见反馈页面（1）在src/pages文件夹下面新建一个命名为opinion的文件夹，并且在文件夹下创建opinion.vue、main.js两个文件（2）修改src/pages/opinion/main.js文件importVuefrom'vue'importAppfrom'./opinion'constapp=newVue(App)app.$mount()（3）修改opinion.vu
猫宁一·2020-08-21 05:00

2.6【微信小程序全栈开发课程】添加底部导航

在前面介绍原生小程序框架的章节中，我们在app.json文件中添加过tabBar底部导航，这节我们再详细讲解一下1、添加图片到项目中我们需要将底部导航栏的照片添加到项目中，一般外来文件都放在static文件夹中。为了避免重复操作，这次将项目用到的所有照片一次性复制到项目中（1）下载压缩文件images.zip链接:https://pan.baidu.com/s/1ch0UWRH96Ln6sh_3n
猫宁一·2020-08-21 05:00

4.3【微信小程序全栈开发课程】个人中心（三）--操作指引页面

1、创建说明书页面在第二章讲过创建新页面的步骤，这次再来复习一下（1）在src/pages文件夹下面新建一个命名为instruction的文件夹，并且在文件夹下创建instruction.vue、main.js两个文件（2）修改src/pages/instruction/main.js文件importVuefrom'vue'importAppfrom'./instruction'constapp=
猫宁一·2020-08-21 05:00

2.1【微信小程序全栈开发课程】小程序前端页面初始配置

1、修改src/pages文件夹pages文件夹里面是小程序的所有页面，我们将counter、logs这两个文件夹删掉，只留下index文件夹2、修改src/app.json文件将文件中的代码全部删除掉，粘贴下面代码。这个文件与原生小程序框架里面的app.json文件是一样的{"pages":["pages/index/main"],"window":{"backgroundTextStyle":
猫宁一·2020-08-21 05:59

1.3【微信小程序全栈开发课程】小程序账号注册、开发工具下载安装

1、注册小程序（1）注册小程序账号点击下面注册地址开始注册https://mp.weixin.qq.com/wxopen/waregister?action=step1第一步：完善账号信息，选择一个自己的邮箱注册第二步：进行邮箱激活，登录邮箱，点击激活链接第三步：用户信息登记，确认主体类型，我选择的是「个人」类型（2）获取AppId注册完成后，需要在首页完善一下小程序的信息~再点击「开发设置」，获
猫宁一·2020-08-21 05:59

1.6【微信小程序全栈开发课程】mpvue小程序框架搭建及介绍

mpvue是美团开源的一个快捷开发小程序的框架，让我们可以使用vue.js语法编写小程序。大大降低了开发小程序的门槛，非常给力的一个框架。1、首先需要安装node.js环境（Mac电脑）~$brewupdate~$brewuninstallnode~$brewinstallnode~$brewpostinstallnodebrew是Mac下的一个包管理工具,可以很方便地进行安装/卸载/更新各种软件
猫宁一·2020-08-21 05:59

2.5【微信小程序全栈开发课程】个人中心页面搭建

1、创建个人中心页面文件夹（1）在src/pages文件夹下面新建一个命名为me的文件夹，并且在文件夹下创建me.vue、main.js两个文件目前pages文件夹如下所示：（2）修改src/pages/me/main.js文件main.js是入口文件，通过main.js来加载me.vue文件。每个页面文件夹中都要有main.js文件//加载vue组件和me.vue文件importVuefrom'
猫宁一·2020-08-21 05:59

1.5【微信小程序全栈开发课程】安装sublime3代码编辑器以及vue插件

从第二章开始我们就要正式开始敲代码了，微信开发者工具里面的代码编辑器不太好用，我们需要自己安装一个sublime代码编辑器。1、下载安装包点击下面链接，根据自己的电脑版本下载对应的安装包http://www.sublimetext.com/3Mac电脑就下载第一个OSX版本的安装包就可以，下载的安装包名称为SublimeTextBuild3207.dmg，直接双击在界面安装打开即可，打开subli
猫宁一·2020-08-21 05:59

2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误

1、修改入口文件也就是src/pages/index/main.js文件main.js是入口文件，通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件//加载vue组件和index.vue文件importVuefrom'vue'importAppfrom'./index'//新建一个index页面的Vue实例constapp=newVue(App)//挂载Vue
猫宁一·2020-08-21 05:59

1.4【微信小程序全栈开发课程】原生小程序框架介绍

1、打开小程序目录打开微信开发者工具，我们上一节新建的项目，我圈出来的这个地方就是小程序的目录结构（如果你那里没有显示，可以点击左上方的编辑器来显示）2、原生小程序框架介绍给大家画了一张图，重要的都在这了~3、app.json页面配置文件介绍参考文档，建议大家收藏一下这个小程序文档，后面我们会经常用到~https://developers.weixin.qq.com/miniprogram/dev
猫宁一·2020-08-21 05:59

1.2 【微信小程序全栈开发课程】小程序介绍--真自律

真自律是一款自律神器，将分数作为奖励惩罚手段，提醒对良好行为的关注和强化。将生活想象成通关打怪，打败自己的心魔加分，被心魔打败减分。1、授权登录第一次登录小程序，会出现授权登录的页面，之后登陆不再出现2、首页◉加减分数：每次点击加减按钮，都会生成一条记录，显示在记录页面。◉清零功能：会将当前分数设为0，历史记录不会被清空。◉撤销功能：撤销上一步的操作，同时对应操作的记录也会删除3、记录页面◉回到记
猫宁一·2020-08-21 05:58

React Router v6 使用指南

本文首发于公众号《前端全栈开发者》，第一时间阅读最新文章，会优先两天发表新文章。关注后私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！
杜尼卜·2020-08-21 04:53

Web 全栈开发利器: 强大的在线 Cloud IDE

学了Web全栈开发，就得动手实践，要动手，得先有开发环境。比如要开发python代码，是先在自己机器上安装python3，然后安装pycharm社区版。其实这些事情，说难不难，说容易也不容易。
华为云开发者社区·2020-08-21 04:27

你现在应该启用的10个超棒的Chrome功能

来源：公众号《前端全栈开发者》如果你能神奇地将你的浏览器升级为普通Chrome用户不知道的功能，这不是很酷吗？以下是十个Chrome功能，可帮助你做到这一点。这些实验性功能，默认情况下尚未启用。
杜尼卜·2020-08-21 04:33

2019年的6个JavaScript用户认证库

来源：公众号《前端全栈开发者》“两周内给我建一个用户认证系统”是现在研发团队中常见的一句话。由于种种原因，这个任务一直是留给团队中的一个开发人员去解决的。一方面，你确实不想浪费很多时间。
杜尼卜·2020-08-21 04:42

Java后端学习，推荐书籍和学习路线

最近在学习Java和全栈开发，推荐一些有用的书籍书架主要针对Java后端和全栈开发用的书籍介绍《SpringBoot2.0企业级应用开发实战》本书深入浅岀地讲解了Spring与SpringBoot所涉及的重要知识点
a7715365·2020-08-21 03:50

Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础

全局安装koa-generator脚手架npmi-gkoa-generator以ejs为模板引擎创建项目koa2-eporject默认创建的项目以jade为模板引擎koa2porject然后进入到项目目录，安装依赖cdprojectnpminpmrundev//启动开发模式npmstartasync和await基础async用来声明异步函数，声明async的函数内部可以没有await，但有awai
Vansal·2020-08-21 03:56

Vue全家桶+SSR+Koa2全栈开发美团网⑧——首页登录注册

在pages目录下新建register.vue，点击注册按钮就能跳转至http://localhost:3000/register，因为在user.vue中写过注册但是注册的模板和首页的模板不一样，所以在layouts目录下新建一个空白模板black.vue，写入exportdefault{}register.vue中写入注册页面已有美团账号？登录发送验证码{{statusMsg}}同意以下协议并
Vansal·2020-08-21 03:24

mpvue课程小程序全栈开发学习记录

1.在mpvue微信小程序中,引入组件已经的要按照标准大小的,不然会照成显示标签,内容不显示对的在mpvue微信小程序中,引入组件已经的要按照标准大小的,不然会照成显示标签,内容不显示exportdefault{//声明周期要写上asynccreated(){//调用API从本地缓存中获取数据letres=awaitget('/weapp/demo')console.log(res)//wx.re
先知云·2020-08-21 03:18

Java后端学习，你应该看那些书籍？

最近在学习Java和全栈开发，推荐一些有用的书籍书架主要针对Java后端和全栈开发用的书籍介绍《SpringBoot2.0企业级应用开发实战》本书深入浅岀地讲解了Spring与SpringBoot所涉及的重要知识点
weixin_34133829·2020-08-21 02:56

【微信小程序全栈开发课程】课程目录（mpvue+koa2+mysql）

1、前言本课程会将我的一个已上线的全栈小程序项目做成【免费课程】分享给大家~小程序扫描下面二维码查看功能：小程序环境搭建+开发工具介绍+vue+ES6基础知识+每一行代码展示+代码逻辑+云服务器搭建+小程序上线完整的流程都会包含到，目的是让大家能够通过我的分享复制出一个完整的项目。在这里没有废话，只有干货。有什么问题、建议可以直接留言，或者关注我的公众号【猫宁一】后台提问（公众号里面有我的个人微信
猫宁一·2020-08-21 02:02

Vue全家桶+SSR+Koa2全栈开发美团网⑦——首页开发

首页header组件开发pages目录下的index.vue组件页面默认引用layouts目录下的default.vue模板，所以我们在default.vue模板中直接使用element模板HeaderFooterdefault.vue为我们页面展示的入口文件，接下来写header组件部分页面在components下形成下列目录结构，header目录下的index为header组件的入口文件geo
Vansal·2020-08-21 02:22

Vue全家桶+SSR+Koa2全栈开发美团网⑥——实战准备

npxcreate-nuxt-app安装选项因为node的运行环境不支持es6的importfrom,所以需要babel进行转换，在dev和start下加入--execbabel-node"scripts":{"dev":"cross-envNODE_ENV=developmentnodemonserver/index.js--watchserver--execbabel-node","build
Vansal·2020-08-21 02:22

Vue全家桶+SSR+Koa2全栈开发美团网①——Vuex基础

不相关的多个组件想共用一份数据，Vuex可以起到关联作用Status：存储所有组件想要共享的数据，相当于组件中的dataMutations：直接操作status中的数据，即定义如何改变status中的数据Actions：什么时候去改变这个数据，需要actions来触发组件交互触发Actions，Actions提交commit来告诉Mutations在这个时候执行操作，然后改变status中的数据，
Vansal·2020-08-21 02:21

被低估的CSS滤镜：drop-shadow

首发于公众号《前端全栈开发者》，第一时间阅读最新文章，会优先两天发表新文章。关注后私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！
杜尼卜·2020-08-21 01:33

被低估的CSS滤镜：drop-shadow

首发于公众号《前端全栈开发者》，第一时间阅读最新文章，会优先两天发表新文章。关注后私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！
杜尼卜·2020-08-21 01:21

Django+React全栈开发：MTV初试

环境配置首先说一下我的环境：Manjaro19.02Python3.8.1Django3.0.4DjangoRESTframework3.11.0Node13.9.0yarn1.22.0基本上我会一直保持使用最新版本（就是爱折腾），在博客上会不断更新哒。首先新建一个项目文件夹mkdirreact_drf，为了和本地环境隔离开，我们新建一个虚拟环境：//安装virtualenv，如果是有两个Pyth
公子政·2020-08-21 00:10

Django+React全栈开发：MTV初试

环境配置首先说一下我的环境：Manjaro19.02Python3.8.1Django3.0.4DjangoRESTframework3.11.0Node13.9.0yarn1.22.0基本上我会一直保持使用最新版本（就是爱折腾），在博客上会不断更新哒。首先新建一个项目文件夹mkdirreact_drf，为了和本地环境隔离开，我们新建一个虚拟环境：//安装virtualenv，如果是有两个Pyth
公子政·2020-08-21 00:09

HackerRank 2020 开发者报告丨Go 语言是开发者最想学习的新语言，全栈开发人员市场需求最高

近日，HackerRank发布了2020年《开发者技能报告》。数据显示，这是有史以来规模最大的调查，共调查了来自全球162个国家的116000多名软件开发者。此次调查的结果分析非常广，但从中我们可以看出行业发展的趋势和世界开发者的处境与动态，了解完这些，对我们的职业发展和规划都大有裨益。部分观点一览：32%的企业聘请了培训班出身的程序员，岗位满意率达到72%；小公司对学位要求最低，大公司只有不到9
徐九·2020-08-20 23:47

HackerRank 2020 开发者报告丨Go 语言是开发者最想学习的新语言，全栈开发人员市场需求最高

近日，HackerRank发布了2020年《开发者技能报告》。数据显示，这是有史以来规模最大的调查，共调查了来自全球162个国家的116000多名软件开发者。此次调查的结果分析非常广，但从中我们可以看出行业发展的趋势和世界开发者的处境与动态，了解完这些，对我们的职业发展和规划都大有裨益。部分观点一览：32%的企业聘请了培训班出身的程序员，岗位满意率达到72%；小公司对学位要求最低，大公司只有不到9
徐九·2020-08-20 23:46
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他