这是21年开发的一套线下桌游体验店的预约小程序一、适用范围该小程序的适用范围为剧本杀、狼人杀、陪聊、陪玩(switch、手游、电影等游戏)体验店二、客户端该小程序分为三端,分别为管理端、助教端以及顾客端,以不同的身份登录会展示不同的界面,使用不同的功能1、管理端 管理端具有最高权限,可以进行房间管理功能(房间定价、营业状态维护)、助教管理功能(助教考勤管理、助教等级管理、助教个人信息管理、助教奖罚            
                
         
            
            
            
            LESS1.LESS入门1.1 less简介LESS为css的预处理语言,支持变量,混合,函数,计算,循环等特点。由于LESS是预处理语言,所以不能直接运行,需要先进行编译。凡是能用css编写的效果,都可以用Less编写。Less中支持所有的css的语法,向下兼容。常见的预处理语言:LESS、SASS、stylus1.2 vs code 安装插件扩展里面搜索less并安装easy less配置"l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-16 20:49:07
                            
                                488阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            微信小程序学习实录
   微信开发文档
工具下载地址 
     (1) 下载地址:(注意选择适合自己电脑的版本下载) 
     (2) 安装步骤(这个很简单),双击安装,下一步,接受协议,修改安装目录,确定,等等安装完成。
附:图中提到,怎么获取AppID来开发线上小程序,步骤如下:1. 到微信公众号平台注册登录https://mp.weixin.qq.com,2. 登录后,按照下图步骤即可,            
                
         
            
            
            
            概述SSE(Server-Sent Events)是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。它基于 HTTP 协议,利用了其长连接特性,在客户端与服务器之间建立一条持久化连接,并通过这条连接实现服务器向客户端的实时数据推送。SSE 和 Socket 区别SSE(Server-Sent Events)和 WebSocket 都是实现服务器向客户端            
                
         
            
            
            
            GitHub项目地址:https://github.com/18110581023/BoxGame 没有为什么就是突然想学一下子和前端差不多html改成了wxml,css改成了wxss, 微信开发者有点优秀一、开发前准备首先要注册开发者账号去微信公众号平台官网https://mp.weixin.qq.com/注册一个小程序账号 然后选择注册小程序 信息填写邮箱激活注册            
                
         
            
            
            
            一、实验目标1、学习使用快速启动模板创建小程序的方法;2、学习不使用模板手动创建小程序的方法。二、实验步骤列出实验的关键步骤、代码解析、截图。1.自动生成小程序1.1 项目的创建  1.2小程序点击效果演示 如图左边是小程序登录界面,自动获取用户的昵称和头像。点击用户图像跳转进入来了主界面如右图所示1.3 真机预览  2.手动创建小程序2.1项目创            
                
         
            
            
            
            WebSocket简单介绍  WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。  WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。  在             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-29 11:15:35
                            
                                65阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、认识微信小程序微信(WeChat)是腾讯公司于2011年1月21日推出的一款为智能终端提供即时通信(Instant Messaging,IM)服务的应用程序。小程序、订阅号、服务号、企业微信(企业号)属于微信公众平台的四大生态体系,它们面向不同的用户群体,应用于不同的方向和用途。小程序是微信的一种新的开发能力,具有出色的用户使用体验,可以在微信内被便捷地获取和传播;订阅号为媒体和个人提供一种新            
                
         
            
            
            
            小程序的文件类型大体可以分为:样式文件、骨架文件、业务文件和配置文件。在小程序中,样式文件的文件后缀名为:.wxss(例:app.wxss);骨架文件的文件后缀名为:.wxml(例:logs.wxml);业务文件的后缀名为:.js(例:app.js);配置文件的文件后缀名为:.json(例:app.json)。小程序中的样式文件,可以拿我们网页开发的文件来对比:在小程序中,我们的样式文件是.wxs            
                
         
            
            
            
            零基础学习微信小程序之底部导航栏一、新创建一个项目1、打开微信开发者工具后,扫码登录,点击加号 2 项目名称自己填写 目录放在桌面即可,当然你也可以放在别的地方注意!!!APPID在你申请完小程序后会生成,不要让无关人员看到,后期想让项目上线,就要用到他了!!! 现在我们只是学习,所以使用测试号就好了。 一些高级服务在云开发这里,不过既然是零基础,也就暂时用不上。选择测试号是无法使用云开发的!!!            
                
         
            
            
            
            基于springboot的微信小程序登录态维持小程序登录过程用户授权登录小程序获取code后,向第三方服务器发送请求第三方服务器使用code向微信服务器请求,换取session_key和openid第三方服务器登录验证配置文件wx.properties工具类WxUtil.javaWxSecurityHelper.javaHttpUtil.java 小程序登录过程小程序用户登录时,先判断stora            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-09 16:02:08
                            
                                91阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            正文有了小程序帐号之后,我们需要一个工具来开发小程序。安装开发工具前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!你的第一个小程序新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字            
                
         
            
            
            
            目录1、阅读官方文档npm支持部分2、搜索下载所需要的npm模块,此处我选择用Vant Weapp3、若要决定使用npm模块,最好新建小程序之初就引入,避免后续出现冲突。现在简单新建一个小程序5、若直接点击构建npm模块  6、此处应在桌面开启命令行工具 按步骤执行 -->  cmd --> npm init ---> npm install ---            
                
         
            
            
            
            小程序文件主要包括4种文件类型:1、.json 后缀的 JSON 配置文件2、.wxml 后缀的 WXML 模板文件3、.wxss 后缀的 WXSS 样式文件4、.js 后缀的 JS 脚本逻辑文件小程序配置 app.jsonapp.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如            
                
         
            
            
            
            总结:1、如果想让一个view水平和竖向均居中。另外,vertical-align:竖向居中。如果想让标题只显示2行,多余的显示…超出一行就隐藏:white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;white-space:normal,normal表示合并空格,多个相邻空格合并成一个空格,在源码中的换            
                
         
            
            
            
                        
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-05 11:09:46
                            
                                476阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            原生微信小程序,搜索框(search)组件首先创建组件及两个跳转页面,第一个是搜索框所在的页面(首页),第二个是搜索详细页搜索框的本质是:搜索框不是input,而是navigate,跳转到专门的搜索页,搜索结果会呈现在这一页先创建三个文件标题selectPage页面的编写在 selectPage.wxml 文件里引入搜索框组件引入组件之前记得在 selectPage.json 文件中配置 组件{            
                
         
            
            
            
            1、不带参数首先在pages文件夹中新建一个template文件夹,文件夹中新建一个template.wxml文件,代码如下  <!--template.wxml-->
<template name="msgItem">
  <view>
    <text>This is template.wxml文件,我是一个模板</text>
              
                
         
            
            
            
            图片懒加载<image src='{{item.img}}' class='banner' lazy-load="true" mode="aspectFill"/>图片加了lazy-load 属性,就有主流lazyload的那种加载过程了查看文档,image组件在 page 与 scroll-view 下,均会生效。为什么看起来像是没有生效?lazy-load 实际实现的功能:小程序的            
                
         
            
            
            
            微信小程序本身不支持 npm 包的使用,目前市面上很多框架也有了相对应的解决方案。本文旨在为那些不愿意引入第三方框架, 想在小程序环境中写原汁原味代码的人(例如我),提供一种解决问题的思路。在现代的 Web 开发中,我们对 Webpack 已经再熟悉不过了,简单理解,它就是项目发布之前,把所有资源都打包好,然后提供一个入口文件,在入口模板中引入这个入口文件。那么我的思路,就是利用 Webpack            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-16 18:55:05
                            
                                46阅读