编译软件：IntelliJ IDEA / Eclipse 环境: JDK1.5以上 介绍：重写了一遍扫雷，代码更加规范，修复了一些小bug，优化了部分代码的算法，将各等级英雄榜独立 运行效果图 image.png
游戏介绍 扫雷游戏是一款windows经典的电脑休闲小游戏，办公室打发无聊时间用的，非常受人喜爱，扫雷就是要把所有非地雷的格子揭开即胜利，踩到地雷格子就算失败。...初步分析 通过扫雷界面图片可以分析出： 界面是一个窗口，有菜单栏、标题栏和游戏区。 菜单栏里有游戏和帮助两个菜单。...需求分析 扫雷的左键逻辑。扫雷中鼠标左键被用来打开当前地图上的方块，但是如果你仔细研究，就会发现方块被打开发生在鼠标左键抬起之后，而不是鼠标左键按下的时候，这一点非常重要。...这里还有一个小细节，就是鼠标的右键操作并不会导致游戏开始计时，换句话说右键操作并不会让游戏进入运行状态。 自动打开操作是扫雷游戏的基本规则。...这里有个小细节，就是打开的时候并不是仅仅打开周围的 8 个方块，如果这 8 个方块中存在空白的情况，会触发成片开启的情况。 image.png 软件功能框架图 image.png
定义布雷类（com.tools/LayMine.java） （1）布雷 采用随机生成的布雷方式，玩家第一次点击小方格不应该是雷，故布雷功能设计在玩家第一次左键时开始布雷。...else{ mainfame.getFaceJPanel().setTime(Tools.timecount); } } } 在FaceJPanel.java...); labelFace.setIcon(Tools.face0); } } （3）重新开始方法（com.main/mainFrame.java...faceJPanel,layout.NORTH); // 雷区 this.add(bombJPanel,layout.CENTER); } 扫雷成功...需求分析：把不是雷的方格全部展开，如果不是雷的方格全部展开了，但雷没被标记也算扫雷成功,以下等式成立即可。
new UserDefined(mainframe); } if(e.getActionCommand().equals("关于扫雷...//dispose(); } } } } 运行效果： image.png 帮助菜单 关于扫雷...（com.dialog/About.java） 可以根据自己的需求添加想要的窗口内容。...Box.createVerticalBox(); JPanel jpanel = new JPanel(); JLabel jlabel = new JLabel("扫雷...实现扫雷项目就这样完成了。
我们以前在web开发的时候，web页面也有一些相关的事件，当然小程序要接触屏幕要进行一些点击和拖动事件。...源码：https://github.com/limingios/wxProgram.git 中的No.6 小程序的事件触发 通过行为进行的人机交互方式 类似于html的onClick，onChange事件等等...2.程序演示点击 //events.js //获取应用实例 const app = getApp() Page({ data: { motto: 'Hello World', userInfo...PS：小程序的事件基本就是这样，事件使用，事件分类，事件详情，这三个方向来使用。
对应xml的方法 VideosUsersMapper.java package com.idig8.mapper; import java.util.List; import org.apache.ibatis.annotations.Param...package com.idig8.mapper; import java.util.List; import com.idig8.pojo.SearchRecords; import com.idig8...public List gethotList(); } service 添加2个方法， 列表中添加保存关键字，查询视频添加关键字的， 获取热销词列表 VideoService.java.../** * 获取热搜词列表 * @return */ public List gethostList(); } VideoServiceImpl.java...; import java.util.Date; import java.util.UUID; import org.apache.commons.lang3.StringUtils; import
后台程序 自定义关联查询，通过分页组件查询出来对应的组合数据，controller提供分页接口。...java分页工具 package com.idig8.utils; import java.util.List; /** * @Description: 封装分页后的数据格式 */ public...> rows) { this.rows = rows; } } java组件原理 通过拦截的方式，当在执行某条sql语句的时候在根据不同数据库的方言，在sql语句查询的时候添加查询...; import java.util.Date; import java.util.UUID; import org.apache.commons.lang3.StringUtils; import...小程序的页面开发 <view style='width:{{screenWidth
在开发javaweb应用的时候，如果遇见一个问题都会调试，debug，在火狐和谷歌浏览器的时候我们也可以使用断点的方式调试js，小程序可以吗？肯定是可以的！小程序的调试也可以在手机端进行远程调试。...源码：https://github.com/limingios/wxProgram.git 中的No.4 开始演示 登录微信小程序，获取appId，远程调试必须有AppID ?...了解功能按键 预览：手机可以通过扫描二维码的方式在手机上直接观看小程序 远程调试：可以在手机上进行操作，并且可以在电脑上弹出对应的控制台，来观察操作的效果，同时在手机和电脑上进行调试。 ?...重新进入小程序 ? 点击vConsole ? 这里出发了onHide，上次在工具开发预览的时候并没有触发。. ? 开启远程调试 点击开启远程调试，也会生成一个二维码 ? 手机扫一扫， ?
来说下 ，小程序的导航组件。
实现 项目结构分析 367477444.png 主界面 916582594.png 主窗体（com.main/MainFrame.java） 包含菜单栏、计数区panel和雷区panel。...this.setIconImage(Tools.getImageIcon().getImage()); // 设置图标 this.setTitle("扫雷...void init() { // 菜单栏 this.setJMenuBar(menuBar); } 菜单栏（com.panel/BombJMenuBar.java...; JMenu menuHelp = new JMenu("帮助(H)"); JMenuItem menuItemAbout = new JMenuItem("关于扫雷...，故定义工具类定义好一些可能在程序中多次用到且后期会改变的资源或者变量。
之前已经把小程序的框架说完了，接下来说说小程序的组件，在说组件之前，先说说布局吧。源码：https://github.com/limingios/wxProgram.git 中的No.9 ?...小程序的flex布局 小程序建议使用flex布局进行排版 其实div+css的方式也可以，只是官方建议使用flex布局的方式 flex 就是一个盒装弹性布局 flex是一个容器，所有的子元素都是它的成员...PS：flex布局基本说完了，基本也给各种场景下的属性含义直观的方式进行了演示，但是老铁虽然我搞完了，但是你们如果想学小程序还是勤加练习的，好脑子不如烂笔头对吧！
你有你的php，我有我的小java，不是很大但是够用。 学习任何东西先了解历史： 2016年1月11日，微信之父张小龙时隔多年的公开亮相，解读了微信的四大价值观。...腾讯云正式上线微信小程序解决方案，提供小程序在云端服务器的技术方案。 2017年1月9日0点，万众瞩目的微信第一批小程序正式低调上线，用户可以体验到各种各样小程序提供的服务。...同时，为提升用户使用体验，开发者可以设置小程序菜单的颜色风格，并根据业务需求，对小程序菜单外的标题栏区域进行自定义 2018年3月，微信正式宣布小程序广告组件启动内测，内容还包括第三方可以快速创建并认证小程序...[5] 除了公众号文中、朋友圈广告以及公众号底部的广告位都支持小程序落地页投放广告，小程序广告位也可以直达小程序。...2018年7月13日，小程序任务栏功能升级，新增“我的小程序”板块；而小程序原有的“星标”功能升级，可以将喜欢的小程序直接添加到“我的小程序”。
PS：本次主要对插件进行了一次集成，其实不太负责，也是第一次在小程序里面使用插件，之前听同事说过，有了插件搬砖的工作发现可以轻松很多。
微信小程序，不需要使用服务器，可以直接上传，通过微信小程序的工具。 步骤 点击工具的上传按钮 上传成功后，需要联系管理员在小程序管理后台将本次上传设置为体验版本. ? ?...登录小程序的后台 未上传的情况下，线上版本，开发版本，审核版本都是空的。 ? ? 小程序上传 域名备案，后台的接口服务都是可用的，都没有问题的情况下，官方才会允许你上的。 ? ?...PS：没有上传过的老铁可能很迷茫，其实这个流程并不复杂，先小程序上传，然后审核，重点是类目和代码的官方审核，审核通过后，需要手动完成上线流程。...PS：小程序其实说实在的有点前端集成，了解组件并不难，这里我没用网上的一些开源的在小程序原生组件基础上做的开源框架，重点是让老铁都了解下原汁原味的小程序是这样做的，也对常用的api学习，基本上0基础到实战吧...建议老铁也好好学学小程序，自己搭建一个小程序。总会有意外的收获！
来说下 ，小程序的多媒体组件。...源码：https://github.com/limingios/wxProgram.git 中的No.14 媒体组件 audio 可以在小程序嵌入一些音乐，歌曲，mp3什么的 image 任何小程序中必然会使用图片组件
一、扫雷UI和玩家交互 定义class Field，用来表明扫雷的面板。以及一系列member func来操作该面板。...mineTheField(); // 埋雷 void markAdjMineCells(); // 统计每个Cells的周围的雷的个数 void startSweep(int, int); // 执行扫雷...void startSweep(int, int, POSOFCELL, DIR_X, DIR_Y); // 执行扫雷 void drawField(); // 展示UI画面...int x; // 当前光标x int y; // 当前光标y int flags; int hiddenCells; bool firstSweep; // 首次扫雷...进行标注 cells[i][j].markAdjMine(mineCount); } } } } 2.3 开始扫雷
截图这块，在微信小程序工具上，上传视频是有返回截图的，但是万万没想到在手机端是不能用的。所以还得借助ffmpge工具来完成，方式很简单。...java代码工具类编写 spring boot common中加入FetchVideoCover package com.idig8.utils; import java.io.BufferedReader...; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.util.List...小程序中的chooseBgm.js 增加友好提示 const app = getApp() Page({ data: { poster: 'http://y.gtimg.cn/music...PS：截图也是通过ffmpge的方式，小程序工具的坑很多，官网都没介绍返回截图，但是小程序工具就返回截图了，这就是个坑。
来说下 ，小程序的基础组件。...演示用例 在web开发中，表单提交很重要，在小程序里面也有对应的表单提交。...里面很多的效果需要通过在手机端看到，建议远程小程序看看效果很cool！...PS：小程序视图基本就是这样，最后我在myform做了个简单的例子。虽然做了几个例子，但是说实话还是没官网详细。大家一定要记住：学习小程序最好的方式就是通过官网，我也是通过这样学习的。
来说下 ，小程序的基础组件。
开始了解下小程序的组件。...PS：跟老铁一起过了一遍wx小程序关于视图的api，感觉还是组件很丰富，很好用！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
