
微信小程序
java持续实践
Java开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序day05_06 之Swagger2的使用与接口测试
文章目录一.引入依赖二.编写Swagger2的配置类三.Swagger2在Controller中的使用四.Swagger2在model中的使用五.在启动类中完善注解六. 启动项目进行测试一.引入依赖在 thc-videos-dev-common 模块中,引入swagger2的依赖<!-- swagger2 配置 --><dependency> <gr...原创 2019-06-02 16:02:08 · 1117 阅读 · 1 评论 -
微信小程序day03_06之form组件之picker多列选择器
文章目录一. picker多列选择器一. picker多列选择器当pick的属性,mode = multiSelector时, 为多列选择器,要传入二维数组多列选择器的属性如下代码示例如下:wxml中的代码如下<view style='margin-top:100rpx;'> 多列选择器 </view><picker mode="multiSelec...原创 2019-03-25 21:29:25 · 916 阅读 · 0 评论 -
微信小程序day03_05之form组件之picker普通选择器
文章目录一. picker普通选择器一. picker普通选择器从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。普通选择器:mode = selector常用属性如下代码如下:<picker mode="selector" range="{{array}}"> 我是普通...原创 2019-03-25 20:32:52 · 749 阅读 · 0 评论 -
微信小程序day03_04之form组件之input文本框
文章目录一.一.原创 2019-03-25 19:56:51 · 302 阅读 · 0 评论 -
微信小程序day03_03之form组件的提交和重置
文章目录一. form表单二.checkbox-group的bindchange事件演示三.表单的提交和重置代码演示一. form表单form表单,将组件内的用户输入的<switch> <input> <checkbox> <slider> <radio> <picker>提交。当点击 表单中 form-type 为...原创 2019-03-18 21:03:00 · 6045 阅读 · 0 评论 -
微信小程序day03_02之form组件 checkbox与lable
文章目录一.checkbox二. checkbox-group三. lable与CheckBox的组合一.checkboxcheckbox的属性如下代码示例<checkbox value="中国">中国 </checkbox><checkbox value="日本" disabled='true'>日本 </checkbox><c原创 2019-03-12 21:40:38 · 536 阅读 · 0 评论 -
微信小程序day03_01之form组件 button
文章目录button 为按钮,属性有如下这些:代码示例如下:&lt;button size="mini"&gt; mini按钮&lt;/button&gt; &lt;button size="mini" type='default'&gt; default按钮&lt;/button&gt;&原创 2019-03-12 19:13:13 · 227 阅读 · 0 评论 -
微信小程序day02_12之基础组件 进度条
文章目录一. 进度条组件的介绍二. 代码示例1. 进度条的属性的演示2. 事件触发的进度条day02的所有代码https://gitee.com/jaythc/wxxcx_learen/tree/master/day02一. 进度条组件的介绍progress 组件为进度条有如下的这些属性二. 代码示例1. 进度条的属性的演示一个简单的进度条如下, 显示的效果如下图,&lt;p...原创 2019-03-10 17:06:32 · 411 阅读 · 0 评论 -
微信小程序day02_11之基础组件rich-text 富文本
文章目录一. rich-text 富文本二 .代码示例1. 字符串形式的引用2. 数组形式的引用一. rich-text 富文本富文本的属性如下其中 space的有效值如下使用富文本的注意事项 :1: nodes 不推荐使用 String 类型,性能会有所下降。2: rich-text 组件内屏蔽所有节点的事件。3: attrs 属性不支持 id ,支持 class 。4: n...原创 2019-03-10 16:37:57 · 730 阅读 · 0 评论 -
微信小程序day02_10之基础组件text
文章目录一. text的属性介绍与演示一. text的属性介绍与演示text 为文本。text的属性如下其中space 只能设置如下的值其中需要注意的地方是decode可以解析的有 &nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp;各个操作系统的空格标准并不一致。 组件内只支持 嵌套...原创 2019-03-10 15:53:06 · 297 阅读 · 0 评论 -
微信小程序day02_09之基础组件icon
文章目录一. icon的介绍与使用一. icon的介绍与使用icon为图标。其中属性如下:代码示例在wxml中 , 代码如下<view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}" /> &l原创 2019-03-10 15:24:00 · 237 阅读 · 0 评论 -
微信小程序day03_06之form组件之picker-view
文章目录一. picker-view一. picker-viewpicker-view为嵌入页面的滚动选择器.常用属性如下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker-view.html在picker-view 中, 可以嵌入多个picker-view-column , 作为picker-...原创 2019-03-25 22:10:55 · 292 阅读 · 0 评论 -
微信小程序day03_07之form组件之radio
文章目录一. radio 与 radio-group二 .代码示例一. radio 与 radio-groupradio 为表单组件中的单选,适用于只能选择一个值的场景.radio 的常用属性如下:radio-group 为单项选择器,内部由多个 <radio> 组成。其属性如下, 为bindchange, 当其内部的radio的值发生改变时, 触发该事件.二 .代码示...原创 2019-04-04 21:13:13 · 1377 阅读 · 1 评论 -
微信小程序day05_05之用户注册接口
文章目录一. 工具类的介绍1.md5加密工具类2.返回json的工具类二.Controller三.Service一. 工具类的介绍1.md5加密工具类md5加密的工具类如下package com.thc.utils;import java.security.MessageDigest;import org.apache.commons.codec.binary.Base64;p...原创 2019-06-02 14:35:10 · 399 阅读 · 0 评论 -
微信小程序day05_04之mybatis逆向生成
文章目录一.代码生成的相关配置二. 复制生成的代码到项目中三. mybatis相关配置一.代码生成的相关配置使用项目配套的mybatis-generatorConfig工程在此配置文件中写好要生成的代码的相关配置我的generatorConfig.xml配置文件中的内容如下 ;在此配置文件中, 主要配置数据库的地址信息, 要生成代码的包的信息, 以及在底部要对哪些表进行生成.<...原创 2019-06-02 10:46:00 · 247 阅读 · 0 评论 -
微信小程序day05_03之搭建SpringBoot分层项目
文章目录一.搭建父工程二 .创建common模块三. 创建pojo模块四. 创建mapper 模块五. 创建service模块六. 创建mini-api模块七.启动项目进行测试一.搭建父工程搭建父工程thc-videos-dev .具体的搭建过程, 可以参考我的另外一篇文章, 链接如下https://blog.csdn.net/qq_33229669/article/details/886...原创 2019-04-18 19:52:49 · 513 阅读 · 0 评论 -
微信小程序day05_02之小程序用户注册页面
用户注册页面的代码wxml的代码如下:<view> <view class="login-icon"> <image class="login-img" src="../resource/images/dsp.jpg"></image> </view> <view class="login...原创 2019-04-15 22:09:45 · 325 阅读 · 0 评论 -
微信小程序day05_01之小程序前台项目的初始化
一. 新建小程序项目在微信小程序后台,左边菜单栏, 找到开发在开发中, 可以找到开发设置在初始化项目时, 可以填写小程序的AppID生成无用的文件夹和文件后, 目录结构如下. 并注释掉app.wxss中的内容app.json中的内容如下, 其中navigationBarTitleText的值为java持续实践用于小程序顶部的显示{ "pages":[ "pages/...原创 2019-04-07 11:19:57 · 493 阅读 · 0 评论 -
微信小程序day03_12之网络之wx.request 前后端简单示例
文章目录一.wx.request的介绍二. wx.request代码示例前台代码后台代码一.wx.request的介绍wx.request 发起 HTTPS 网络请求.其中可以传递的内容如下二. wx.request代码示例前台代码在wxml中的代码如下<view bindtap="clickme"> 点击 </view>在js中的代码如下.在cl...原创 2019-04-06 17:25:15 · 885 阅读 · 0 评论 -
微信小程序day03_11之媒体组件之image
文章目录一. 媒体组件 image 的介绍二. 代码示例一. 媒体组件 image 的介绍image标签为图片。支持JPG、PNG、SVG格式,2.3.0 起支持云文件ID。其属性如下:二. 代码示例wxml中的代码如下<block wx:for="{{array}}"><image src='{{src}}' mode='{{item.mode}}' styl...原创 2019-04-06 16:46:29 · 453 阅读 · 0 评论 -
微信小程序day03_10之form组件之navigator
文章目录一. navigator的介绍二. 代码示例一. navigator的介绍navigator 为页面跳转的链接 .其常用属性如下,其中常用的open-type 的值如下二. 代码示例在app.json中创建如下的三个页面文件夹 "pages":[ "pages/nav/page1/page1", "pages/nav/page2/page2", ...原创 2019-04-06 16:03:31 · 339 阅读 · 0 评论 -
微信小程序day03_09之form组件之switch
文章目录一. switch二. 代码示例一. switchswitch 为开关选择器.常用的属性如下二. 代码示例wxml的代码:<view> <switch checked='true'> 这是一个开关选择器 </switch></view><view> <switch checked='true' ...原创 2019-04-05 19:02:05 · 388 阅读 · 0 评论 -
微信小程序day03_08之form组件之slider
文章目录一. slider的介绍二.代码示例一. slider的介绍slider为滑块选择器.常用的属性如下事件如下:主要有两个, 一个是bindchanging ,绑定滑动中的事件. 一个是bindchange滑动完成后触发的事件.二.代码示例wxml中的代码如下. 主要演示了slider的一些属性. 还有事件的绑定<slider min="10" max="100" ...原创 2019-04-05 18:43:56 · 332 阅读 · 0 评论 -
微信小程序day02_08之可拖动与可缩放view
文章目录一. 可拖动view二. 可缩放view一. 可拖动viewmovable-view 与movable-area 是需要捆绑在一起使用的.movable-area 包裹了movable-view其中movable-area 的属性如下代码示例:在wxml中的代码如下<movable-area class="father-size"> <mov...原创 2019-03-10 15:10:14 · 1229 阅读 · 0 评论 -
微信小程序day01_07之小程序的生命周期
文章目录原创 2019-03-04 19:46:16 · 319 阅读 · 2 评论 -
微信小程序day02_07之 小程序swiper 轮播图代码示例
swiper用于 滑块视图容器。其中属性如下代码示例 在wxml文件中代码如下<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{原创 2019-03-10 14:01:19 · 406 阅读 · 0 评论 -
微信小程序day01_14之小程序 wx:key列表高级特性
如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 中的输入内容, 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。保留关键字...原创 2019-03-09 10:50:15 · 258 阅读 · 0 评论 -
微信小程序day01_13之小程序视图层列表渲染
文章目录新建一个项目名为my-debug-demo原创 2019-03-09 10:15:56 · 327 阅读 · 0 评论 -
微信小程序day01_06之wxss 样式文件的使用
文章目录一. 样式导入二. 内联样式三. 选择器本节代码地址 https://gitee.com/jaythc/wxxcx_learen/tree/master/day01/day01_06/my-first-demo一. 样式导入使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。例如新建立一个out.wxss, 其中的内容如下...原创 2019-03-03 18:51:53 · 495 阅读 · 0 评论 -
微信小程序day01_05之 手写属于自己的第一个小程序demo
文章目录一. 创建demo项目二. app.json文件的解读1. pages2. window对象3.tabBar4. networkTimeout5. debug三. 数据绑定四. 私有样式一. 创建demo项目新建一个项目,取名为my-first-demo创建项目后, 自动生成的文件如下.删除logs文件夹和utils文件夹删除index.wxss 样式文件二. app.js...原创 2019-03-03 17:06:14 · 425 阅读 · 0 评论 -
微信小程序day01_04之 公有目录与私有目录的工程结构了解
文章目录一. 小程序工程的构成二. 主目录结构三. 页面目录结构一. 小程序工程的构成首先是主目录, 一定是以三个app开头的文件.其次是私有的业务模块, 私有的业务由四个文件组成, 分别为js, wxml, wxss , json .例如微信官方示例代码中, API接口模块, 有一个action-sheet, 其下面的代码都是以文件夹的名称开头 二. 主目录结构app.js 外部...原创 2019-03-03 12:18:37 · 356 阅读 · 0 评论 -
微信小程序day01_03之 微信小程序官方demo演示
文章目录一. 下载微信官方小程序demo二. 示例代码的目录结构讲解一. 下载微信官方小程序demo点击如下的微信小程序的官网链接https://mp.weixin.qq.com/cgi-bin/wx在开发支持中有小程序体验DEMO模块, 点击此模块可以看到有小程序的示例源码, 也可以直接用手机扫该小程序的点击查看小程序的示例源码, 可以看到已经托管的到了GitHub上.地址为...原创 2019-03-03 12:03:22 · 926 阅读 · 0 评论 -
微信小程序day01_02之微信开发者工具运行helloworld
文章目录微信开发者工具下载微信开发者工具下载在如下的链接中, 可进行开发者工具的下载,如下图所示https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html...原创 2019-03-03 11:10:02 · 855 阅读 · 0 评论 -
微信小程序day01_10之小程序的事件触发
文章目录一.小程序的事件介绍二.事件的绑定和冒泡一.小程序的事件介绍什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。通过行为进行人机交互类似于html里的onClick onChange 事件等等...原创 2019-03-05 20:17:04 · 558 阅读 · 2 评论 -
微信小程序day01_09之 小程序私有页面生命周期和导航
文章目录私有生命周期页面的介绍私有生命周期页面的介绍私有页面的生命周期函数如下:生命周期回调函数如下 : :onLoad(Object query)页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。参数说明名称 类型 说明query Object 打开当前页面路径中的参数onShow()页面显示/切入前台时触发。onReady...原创 2019-03-05 19:37:41 · 398 阅读 · 0 评论 -
微信小程序day01_08之 小程序调试js文件
文章目录一. 创建项目二. 手机上进行调试三. 远程调试的使用一. 创建项目在微信开发者工具中创建项目my-debug-demo在项目中,复制上一节的代码到项目中.https://blog.csdn.net/qq_33229669/article/details/88092024使用代码打断点:debugger;当编译成功后, 会进入onLanuch的断点中.使用快捷键 F...原创 2019-03-05 18:56:22 · 1608 阅读 · 0 评论 -
微信小程序day01_15之小程序 条件渲染与条件懒加载模式
文章目录条件渲染条件懒加载条件渲染wx:if在框架中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块:<view wx:if="{{condition}}">True</view>也可以用 wx:elif 和 wx:else 来添加一个 else 块:<view wx:if="{{length > 5}}">1原创 2019-03-09 11:30:20 · 441 阅读 · 0 评论 -
微信小程序day01_11之小程序的模块化
文章目录一. 什么是小程序的模块化二. 小程序模块化代码演示本文代码地址 https://gitee.com/jaythc/wxxcx_learen/tree/master/day01/day01_11一. 什么是小程序的模块化抽离通用方法,作为通用函数构建utils-common 类可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exp...原创 2019-03-06 19:11:34 · 354 阅读 · 0 评论 -
微信小程序day02_06之小程序scroll-view可滚动纵向与横向视图组件
文章目录一 . 可滚动的纵向视图组件一 . 可滚动的纵向视图组件scroll-view 的属性如下代码示例在wxss中, 定义如下的样式.size { width: 100%; height: 150rpx;}.a { background: red; order: 5; flex: 8}.b { background: gray; order:...原创 2019-03-10 12:16:19 · 597 阅读 · 0 评论 -
微信小程序day02_05之 小程序视图组件
文章目录一. 什么是小程序的组件二. 视图组件一. 什么是小程序的组件多个组件构成一张视图页面组件包含开始标签和结束标签每个组件都包含一些公用属性二. 视图组件view 组件 常用的属性有如下 :代码示例在view.wxss 中, 定义如下的样式.container{ display: flex;}.size { width: 110rpx; heigh...原创 2019-03-10 11:15:39 · 321 阅读 · 0 评论