- 博客(94)
- 收藏
- 关注
RSS订阅原创 13--微信小程序 修改班级名称（组件）按钮、input
页面：<view class="box"> <view class="top"> <!-- 路由组件传参 --> <label class="edit">更改班级名称</label> <input type="text" class="input banname" bindinput="inputName" placeholder="请输入班级名称" value="{{classname}}"><.
2020-07-03 15:28:26
1659
原创 12--微信小程序 长按加入班级（返回complete，index下标处理）
页面：<view> <view class="tui-list-view tui-view"> <view class="tui-list-title">长按可以加入班级</view> <view class="tui-list-content"> <block wx:for="{{jiaru}}"> <tui-cell bind:longpress="add" data-in.
2020-07-03 14:44:04
849
2
原创 11--微信小程序 所选项index跳转后获取index项数据
//页面加载时 onLoad: function (options) { let index = wx.getStorageSync('index') console.log(index) let teacherinfo = wx.getStorageSync('teacherinfo')[index] this.setData({ teacherinfo }) let classid = this.data.teacherinfo.cla..
2020-07-03 13:52:48
719
原创 10--微信小程序card + 跳转(获取index)
页面block：<view> <view class="page_hd"> <navigator class="create" url="/pages/teacher/banji/add">创建班级</navigator> <navigator class="join" url="/pages/teacher/banji/join">加入班级</navigator> </view> <b.
2020-07-03 13:47:23
1678
原创 9--微信小程序 先读缓存，读不到缓存调用接口(组件.js)
//获取应用实例const app = getApp()var util = require('../../utils/util.js')Component({ data: { cards: [] }, properties: { }, lifetimes: { // 生命周期函数，可以为函数，或一个在methods段中定义的方法名 attached: function() { this.readdata() } }, page
2020-07-03 13:37:41
480
原创 9--tp5字段值加1
第一种：$count =Db::name('banji') ->where('classid',$classid) ->value('teachercount'); Db::name('banji') ->update(['teachercount'=>$count+1]);或 ->setField('teachercount', $count + 1);第二种：使用 setInc 或 setDec// 使用 setInc 或 setDecDb::nam
2020-07-03 13:00:13
992
原创 8-- 椭圆样式按钮（跳转）
页面： <view class="page_hd"> <navigator class="create" url="/pages/teacher/banji/add">创建班级</navigator> <navigator class="join" url="/pages/teacher/banji/join">加入班级</navigator> </view>页面样式：.page_hd { paddi.
2020-07-03 11:51:08
809
原创 8--常遇到的php后台判断
判断值是否已经存在 $banji = Db::name('banji') ->where('schoolid', $user['schoolid']) ->where('classname', $classname) ->find(); //看班级名是否存在 if ($banji) { return error('班级名称已存在'); }判断值是否为空 if (empty($cla
2020-06-30 13:09:39
3580
原创 7--input 保存按钮 禁用可用
首先搭建页面：<view class="page"> <view class="top"> <!-- 路由组件传参 --> <text>班级名称</text> <button type="submit" bindtap="save" class="save" disabled='{{isDisabled}}'>保存</button> </view> <input c.
2020-06-22 18:52:34
366
1
原创 6--弹窗 错误error else 成功
if (res.data.error) { wx.showToast({ title: res.data.message, icon: 'none', duration: 2000 }) return } else { wx.showToast({ title: res.data.message, ...
2020-06-22 07:57:58
220
原创 5--微信小程序 之 tabbar
index <!--pages/demo/index.wxml--><c-banji wx:if="{{current == 0}}" id='banji'></c-banji><c-my wx:else id="myinfo"></c-my><tui-tabbar tabBar="{{tabBar2}}" current="{{current}}" bind:click="tabbarSwitch"></tui-t
2020-06-21 15:11:11
212
原创 4-- 微信小程序 缓存
存入缓存 //获取应用实例 const app = getApp()one var info = res.data.info app.globalData.info = res.data.info wx.setStorageSync('info', app.globalData.info)twowx.setStorage({ key:"info", data:app.globalData.info})获取缓存one const in.
2020-06-21 14:49:51
207
原创 3--微信小程序 请求request
一般请求： wx.request({ url: app.globalData.b_info, method: 'POST', header: { 'content-type': 'application/x-www-form-urlencoded', 'cookie': token }, data: { token }, //
2020-06-21 14:36:55
270
原创 2--日期 年月日
util.jsconst formatTime = date => { // const date = new Date(date) const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second .
2020-06-21 14:29:51
333
3
原创 1--微信小程序 授权+登录页面
<!--pages/index.wxml--><view class="container"> <!-- logo --> <view class="login-icon"> <image class="login-img" src="/static/images/logo.png"></image> </view> <!-- 学生e考勤 --> <view> ..
2020-06-21 14:16:39
2388
4
原创 26--学生签到 学生验证码签到（6）foreach
<template> <div> <div class="top"> <i @click="back" class="cubeic-back"></i> <span>{{classname}} {{coursename}}</span> <cube-button :primary='true' :outline='true' :inline='true' @click="q.
2020-06-14 15:52:17
368
原创 26--学生签到 管理员页面功能（5） foreach
<template> <div> <div class="top"> <i @click="back" class="cubeic-back"></i> <span>签到码:{{yzm}}</span> <cube-button v-if="isFinised" :disabled="!isFinised" :primary='true' :outline='true' :inline...
2020-06-14 15:47:00
378
原创 26--人工签到 代码实现（4） foreach、push
页面布局：<template> <div class="page"> <div class="top"> <i class="cubeic-back" @click="back"></i> <span>手工签到</span> <span class="top-btn" @click="select">{{select_text}}</span> </div>
2020-06-14 14:33:49
462
4
原创 26--人工签到（3）
页面实现：1、把在该班课的学生通过后台都显示出来，默认state为已出勤，设置考勤状态等有值后才显示可用状态2、多选和取消转换3、选择一个学生设置考勤状态不是禁用状态4、设置考勤状态5、选择状态后自动跳到上面，并显示状态6、返回时显示弹窗是否保存本次手工登记结果...
2020-06-14 13:40:12
181
原创 26--签到首页 删除操作（2）
长按删除操作：start: function(index) { // 延时器 清除 click 超过那个时间再弹出来 clearTimeout(this.timer) this.timer = setTimeout(() => { this.popupmenu() }, 800) this.currentIndex = index this.index = index }, myclick: function() { console.log('click me'
2020-06-14 13:08:49
303
原创 26--签到首页（1） foreach
页面布局样式<template> <div> <div class="fanhui"> <i class="cubeic-back" @click="back"></i> </div> <div class="top"> <div>签到</div> </div> <div class="page-hd"> <div class=.
2020-06-14 09:56:32
268
原创 25--单项选择select
实现效果：对于 Select 选择组件，你需要传入 options 定义各个选项，选择的结果则绑定在 v-model 上。<cube-select v-model="banji" :options="banji_options" @input='banji_select'></cube-select>定义data： banji: '', kecheng: '', banji_options: [], kecheng_options: []选中的值：banji
2020-06-13 11:52:10
298
2
原创 24--页面分组显示数据（以班级为分组依据） map、foreach、push
实现效果：页面返回的数据：前端对数据进行处理<template> <div class="page"> <template v-for="(group,title) in list"> <div class="group"> <div class="title">{{title}}</div> <div v-for="item in group" :key="item.ccid">
2020-06-10 23:07:50
312
原创 6--php后台禁用启用的转换
//禁用启用 public function edit(){ //传过来一个 id account 意思就是去更新state的数据 $data=input('post.'); $id=$data['id']; $account=$data['account']; $state = $data['state']; if ($state == 0) { $state = 1;...
2020-06-09 23:44:19
179
原创 23--左滑按钮（编辑，删除）、添加功能
<template> <div class="swipe-wrapper"> <cube-scroll> <cube-swipe> <transition-group name="swipe" tag="ul"> <li class="swipe-item-wrapper" v-for="(data,index) in list" :key="data.item.value"> <...
2020-06-09 23:31:52
327
1
原创 22-- php redis 存入hash表
首先，先了解一下redis：REmote DIctionary Server(Redis) 是一个由Salvatore Sanfilippo写的key-value存储系统。Redis是一个开源的使用ANSI C语言编写、遵守BSD协议、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。它通常被称为数据结构服务器，因为值（value）可以是 字符串(String), 哈希(Hash), 列表(list), 集合(sets) 和 有序集合(sorted sets)
2020-06-09 09:31:54
620
1
原创 21--页面跳转传值 放入缓存
传ccid，ccid为key，:key=“item.ccid” ，跳页传ccid，在点击后面加上item.ccid。<template> <div class="page"> <template v-for="(group,title) in list"> <div class="group"> <div class="title">{{title}}</div> <div v-for="item i
2020-06-07 21:25:57
208
1
原创 20--长按事件操作 编辑-删除 map、push
<template> <div> <div v-for="(item,index) in list" :key="item.value"> <div class="row" :class="{active:index==currentIndex}" @touchstart.prevent="start(index)" @touchend.prevent="end"> <div class="left">{{item.course
2020-06-07 19:41:48
403
1
原创 19--显示年月日时间戳、时分秒时间戳、星期几时间戳、年月日格式
common.js//显示年月日时间戳const timestampToYmd = timestamp =>{ let data = new Date(timestamp * 1000) let year = data.getFullYear() let month = data.getMonth()+1 let day = data.getDate() return [year,month,day].map(formatNumber).join('-')}//时间戳 ->时分
2020-06-07 18:03:37
577
1
原创 18--request.js(封装axios)请求服务器
request.js响应，比如token无效和服务器错误，会弹窗提示import Vue from 'vue'import axios from 'axios'import Qs from 'qs'// 引入内置的组件import {Dialog} from 'cube-ui'Vue.use(Dialog)import {Toast} from 'cube-ui'Vue.use(Toast)const baseUrl = process.env.NODE_ENV === 'product
2020-06-07 17:36:51
742
原创 5--tp5后台对数据的增删改查
一、增 //新增班级 public function add($classname) { //格式验证，长度限制 (不能为空，字符长度不能小于2位，); $validate = new Validate(['classname' => 'require|max:25']); $date = ['classname' => $classname]; if (!$validate->check($date))
2020-06-07 17:08:41
345
原创 4--tp5 注册用户
注册：<?phpnamespace app\api\controller;use app\api\model\Account;use app\api\model\Student;use think\Controller;use think\Db;class Register extends Controller{ //学生注册部分部分 (学校编码、手机号 、密码) public function student() { $data = inp
2020-06-07 16:38:53
311
原创 3--登录 和 验证格式
三种身份登录：<?phpnamespace app\api\controller;use think\Controller;use think\Db;class Login extends Controller{ public function student(){ $data=input('param.');// 格式验证 $result=$this->validate($data,'Student.student_log
2020-06-07 15:15:15
346
原创 2--验证token
在登录时要携带 token并进行验证，在写其他控制器时，就是基于Base来写的 ，所以该文件夹下其他控制器要 extends Base。<?php//命名空间namespace app\api\controller\student;use think\Cache;use think\Controller;class Base extends Controller{ protected $stu; protected function _initialize()
2020-06-07 14:48:16
230
原创 1-- common.php
common.php写在common里，可以直接调用，避免重复写较长代码，简化代码，可多次重复使用。<?phpfunction encry($str){ return md5(md5('' . $str));}function error($data){ return [ 'error' => true, 'message' => $data ];}function success($data){ if
2020-06-07 14:24:39
224
原创 17--vue 登录页面 账号密码提交验证validator + 跳转方式
跳转方式：this.$router.replace(’/schoolmanager’).catch(res => {})this.$router.go(-1)常用的两种处理数据的方式：one: const p1 = this.$refs.validator0.validate() p1.then(res => { if (this.valid) { sessionStorage.setItem('number', this.new_number) .
2020-05-13 23:15:15
721
原创 16--vue嵌套路由、引入图片+插槽部分
一、嵌套路由// 班级管理员的组件const ClassBanke = () => import('./components/classmanager/BanKe.vue')const ClassIndex = () => import('./components/classmanager/Index.vue')const ClassMyinfo = () => import('./components/classmanager/MyInfo.vue')页面跳转 要传参数 一定
2020-05-13 22:32:12
934
原创 15--vue自写组件：我的信息页（模板），404页面
1、首先在components下面建一个目录CellItem.vue(注意要两个字母大写)如图：2、组件要实现的效果：3、讲一下代码的含义吧~~外层使用 li 标签来写，click事件是跳转事件；要记得methods方法要在data方法的后面！下面就是有一个img可以引入图片（下面一篇博客讲图片的引入和插槽），v-if判断是否出现，props可以传递静态或动态的值。<template> <li class="cell-item" @click="go"> <i
2020-05-13 21:39:53
3212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人