是小叶的呢.-CSDN博客

原创 jQuery夹娃娃小游戏

点击开始，爪子开始往下移夹娃娃首先让我们看一下它的效果图如下：页面布局代码如下：<div id="wrapper"> <div id="rod"></div> <div id="hand"></div></div><div id="box"> </div><div id="uptoy"> <img src="images/toy117.png"></div

2021-12-19 11:05:26 4754 4

原创实现红绿灯的效果

首先看一下效果如下：html部分：<div class="box"> <div class="around red" color="red"></div> <div class="around" color="yellow"></div> <div class="around" color="green"></div> </div>CSS部分：1）首先我们给body标签设置一个

2021-02-17 17:29:13 7568 17

对于所有的编程语言来说数组都是相对比较重要的数据结构之一。在Java中数组主要用来存放一组固定大小的相同类型的数据。（一）、数组变量的声明数组声明有两种写法： dataType[] arrName;//推荐 dataType arrName[];//不推荐 int[] intArr1;//推荐 int intArr2[];//不推荐（二）、数组的初始化两种：1、静态初始化 arrName=new dataType[]{value0,value1,…,valueN}in

2022-05-29 08:42:28 341 1

原创 Java中的循环语句

一、前言本篇文章主要讲解Java知识点是：循环语句。希望大家读完这篇文章之后能掌握以下几种循环语句的知识点。二、循环语句提示：循环语句分为以下几种：1、for循环循环场景：更适用于明确循环次数的语句。代码： System.out.println("for循环打印0~9"); for (int i = 0; i < 10; i++) { System.out.print(i + "\t"); }2、while 循环

2022-05-16 16:33:59 481

原创 Java中的分支语句

CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：Java学习记录话题描述：可以记录一下平时学习Java中的一些知识点、心得、例题、常见的问题解决创作模板：一、前言本篇文章讲解的知识点是：分支语句和流程控制语句，希望大家能掌握。二、分支语句提示：if...else 语句可以看作有4种形式：1. if 语句代码： int age=19; i

2022-05-16 15:38:12 608 1

原创 Java中的运算符

1、算术运算符 +、-、*、/、%、++、操作符描述+加法-相加运算符两侧的值-减法 - 左操作数减去右操作数*乘法 - 相乘操作符两侧的值/除法 - 左操作数除以右操作数%取余 - 左操作数除以右操作数的余数++自增: 操作数的值增加1–自减: 操作数的值减少1 int a = 20; int b = 5; int c = 3; System.out.println(

2022-05-07 08:29:08 230 1

原创 Java中的各种数据类型的转换

整型、浮点型、数字可以进行混合运算的。在运算中，不同的类型会先转换为同一类型，然后再进行计算。一、隐式类型转换（自动类型转换）隐式类型转换（自动类型转换）规则：1、小的类型自动转换为大的类型。如下图所见，byte、short、int、long、float、double数据类型都可以自动转换比自己类型要大的类型。byte byteA=Byte.MAX_VALUE; short shortA=byteA; int intA=shortA; long l

2022-04-25 09:28:56 5035 1

原创 Java基础语法

一、基础语法Java大小写敏感。比如HelloWorld和Helloworld是不一样的。包名 Package——公司、组织、个人的域名的反向，一般是英文字母。英文字母必须是小写。类名（ClassName）采用大驼峰命名法，例如：StudentName。Java源文件的文件名必须和文件中公共（public）类名称一样。方法名采用小驼峰命名法，例如：studentName。二、关键字关键字中所有字母都为小写。关键字不能用作变量名，方法名，类名，包名和参数。三、基本数据类型基本数据类型分为

2022-04-17 15:31:05 5131 1

原创《酒店管理系统》项目总结

一、项目模块二、业务流程图三、业务流程功能实现1、首先客人接待：实时房态图，可以直观的显示出所有客房的状态。2、客人预定：根据客人的基本资料做预订，在房态图上的客房添加一个预定的标识3、登记入住：4、开台消费：消费入单，对所选房台进行消费项目的添加，可进行对消费项目的退单。5、离店结账：可对账目进行人民币结账或是多总方式结账，可查看各个房台的消费内容6、打扫脏房：改变房态图的状态。7、操作日志四、经典代码 public ActionResul

2022-04-07 09:37:46 5152 3

原创超经典的20道SQL题目（附加解题思路）

最近学了SQL的内容，老师也给我们发了练习题，感觉在做题的过程中得到了提高，所以将题目和我自己的答案分享一下，希望对大家有所帮助。我使用的是SQL Server 2014 Management Studio。---学生表create table student(sno varchar(10) primary key, --学号sname varchar(20), --姓名sage numeric(2),

2022-03-27 11:06:18 3724 13

原创 SQL基础语句

说到sql我们就联想到了数据库，今天我们就来学学sql里面的语句。一、查询数据一个简单的语句就能查询出整个表的数据，select*代表所有查询全部数据；from里面代表是表名。如下图所见：当然你也可以只查询出你想要的数据，就在select后面写上你想要查询的数据字段就能得到你想要的结果，但是要在SELECT 子句中查询数据的要用逗号分隔列的字段。如下图所见：二、对数据进行排序对数据进行排序的方法是使用 ORER BY 子句。让我们看一下的效果？如何使用？如上图可见：对查询的结果进行

2022-03-16 11:04:59 1210 6

原创 layui合计功能

今天就来给大家讲一下我在做项目中遇到的问题，项目中有这样一个效果，选中一些商品，然后的单价都加起来，显示所有选中的商品单价的累计消费。首先看一下它的代码，它是怎么使用的。如下图所示：首先我们需要给他开启该列的自动合计功能，也就是说哪一列需要合计一些数据的就在那一列上面添加totalRow:true这个参数。前提是你必须在前面写一个开启自动合计功能的是参数totalRow:true。接下来就是totalRowText：””这个参数；你也可以不用写上totalRowText这个参数，可写可不写。它的功能就是

2022-02-27 08:20:32 2820 2

原创预定房台并给出标识

在做这个项目中有这样一个效果，预定房台并给标识，这个标识就可以直接显示出这个房台状态信息；首先我们来看一下它的HTML部分代码的。Javascript部分代码如下：首先我们需要查询出所有房间的信息，通过each循环所有的数据，获取到房间状态ID等一系列。我们看一下房台的数据库ToReserveNo是否预定，预定了就直接给出标识控制器方法代码如下：通过房间表查询出所有房间的信息，连表查询出房间状态以及房间类型。这样就可以实现实时房态图上直接看出哪些房台已经被预定的效果图如下：...

2022-02-24 09:11:37 609 1

原创酒店管理系统数据库SQl设计思路

第一节、🖍需求分析一个酒店管理系统包括很多个模块，首先我们先要分析一下需求。一、实时房态图动态生成实时房态图、在房态图上进行房态修改、换房操作，续住操作、选择房间进行散客/团队预定、散客/团队入住、散客/团队结帐等操作二、预定管理我们需要完成的功能有客人预定也就是新增页面搭建。三、项目清单对客人消费进行录入支付方式。查询新增操作四、结账退房查询房间消费记录，多种方式结账。五、客户关系这里涉及了签单挂帐：支持挂帐客人帐务一次结算也可分多次结算。协议单位：支持用协议价为客

2022-02-24 08:41:46 5028 3

原创 session回填房台信息

在做这个项目的时候遇到的一个问题，就是已经预定的房台不知道怎么回填在数据表格里面；经过思考过后，就尝试用session来回填已经预定的房台信息到数据表格里面。首先第一步layui渲染数据表格，把需要的字段信息全部查询并渲染出来。。房台表格查询接下来回填预定房台信息表。首先我们写一个方法接收页面传过来的数据，创建一个新的列表，获取session中的数据，然后开始判断session里面是否有列表，有了就用那个列表，没有就用上面新创建的列表。判断session里面有没有值。根据订单ID来查找房台，通

2022-02-24 08:36:59 535

原创翻牌匹配小游戏

说到这个翻牌匹配的小游戏大家都不陌生吧，两张一模一样的图片就会显示正确或者显示在页面上，翻到两张不一样的图片就会匹配失败，不会显示出来。首先让我们来看一下它的效果如下：HTML页面布局代码如下：<div class="container"> <header> <h1>匹配游戏</h1> </header> <div class="score-panel"> <ul class="stars"> &l

2021-12-28 09:26:34 1095 3

原创如何实时生成房态图

在做这个酒店管理系统的时候遇到的一个问题，问题是：怎样实现实时的房态图？刚开始我也没有想那么多，就直接开始写了好多个标签，写完之后我才发现这个问题。假如我新增一个房间，那我岂不是要手动添加一个标签，于是乎我又就直接写了一个动态的房态图，就不会出现不会自动生成的房间里。接下来看看动态的房态图是怎么实现。页面布局代码如下：Javascript部分代码如下：首先我们需要查询出所有房间的信息，通过each循环所有的数据，获取到房间状态ID，再通过房间状态ID动态生成房态图，等于1的时候颜色为绿色，等于

2021-12-09 08:55:38 2090

原创鼠标移入显示房间信息

在做酒店管理系统的时候，有这样一个功能，鼠标移入房态图，就会把房态图里面的房间信息显示出来，让我们来看看这个效果是怎么实现的。首先给每个if语句里面拼接一个并给他一个类。代码如下：Css样式如下：一开始这个是直接显示出来的，我们要设置它的属性为隐藏display：none，当我们的鼠标放上去这个里面的内容就显示出来。在这里我写了两个鼠标移入事件，通过字符串的拼接来实现我们想要的效果，这里注意一个点：当鼠标移出时，要清空之前的内容。Javascript代码如下：控制器方法如下：首先是鼠标移

2021-12-09 08:37:23 788

原创 A表数据添加到B表数据

把A表里面的数据添加到B表里面，这里使用到了重载，首先让我们看看效果图如下：在可选房间里面选择一条数据，点击添加，这时这条数据信息会出现在已选房间里面渲染表格时要注意区分A表和B表，表格渲染这里就不写了，直接进入主题。首先我们要获取可选房间里面的数据，想要知道有没有获取到可选房间的数据；直接给它一个console.log控制台输出一下。再给个监听行事件，监听表格每一行的数据。声明一个字符串，判断是否获取到数据。获取到之后在每个ID后面加个分号，然后通过substring()的方法把最后的一个ID的分

2021-12-08 20:57:21 1905

原创图书管理系统之用户信息维护

在上一期我们讲到了图书管理系统数据库的设计思路，这期我们就讲讲第一个模块的功能实现。这一期就讲第一个模块：用户信息维护表格查询和数据新增。表格查询如下： var layer, layuiTable; var tabUser; //表格渲染 layui.use(['layer', 'table'], function () { layer = layui.layer; layuiTable = layui.t

2021-06-15 15:54:56 1376 2

原创图书管理系统数据库SQL设计思路

1、????需求分析一个图书管理系统包括用户信息维护、图书馆信息、图书信息维护、书籍借出、书籍归还、借书记录、支付查询等。此系统功能用户可以借书、续借、归还、查询书籍、增加、修改和删除。2、????需求1.用户信息维护：查询、新增、修改、删除2.图书馆信息维护：查询、新增、修改、删除3.图书信息维护：查询、新增、修改、删除、导入、导出4.书籍借出：借书5.书籍归还：归还、延期、超期、报废（归还：直接归还，归还日期；延期：延长到期日期；超期：要收罚款，罚款金额=超期天数 0.1元的租金；

2021-06-15 10:16:23 11444 6

原创通过vs删除数据库表内容

效果图如下：点击删除，弹出提示框。点击确定，信息则会删除成功页面布局如下：<div class="modal" tabindex="-1" role="dialog" id="amendModal"> <div class="modal-dialog" role="document"> <div class="modal-content">

2021-05-26 09:10:11 717 14

原创 JavaScript异步提交表单数据

效果如下：首先看一下HTML代码部分： <div class="container"> <form class="form-horizontal" onsubmit="return false;"> <div class="form-group"> <label class="control-label col-md-3">姓名：</label>

2021-05-23 10:13:46 472 12

原创 Post和Get提交数据的区别

HTML部分如下： <div class="container mt-5"> <form id="myform" @*method="get" action="~/From/getData"*@> <div class="form-group form-row"> <label class="col-form-label col-3 text-center">姓名</labe

2021-05-16 15:10:25 794 15

原创四种Post请求提交数据的方法

HTML布局如下： <div class="container mt-5"> <form id="myform" @*method="get" action="~/From/getData"*@> <div class="form-group form-row"> <label class="col-form-label col-3 text-center">姓名</label&

2021-05-15 20:04:40 1642 10

原创 JavaScript随机生成验证码

效果图如下所示：它的效果是点击随机生成验证码。首先我们来看一下布局如下：<input type="text" class="code" placeholder="请输入验证码"><input type="button" id="code" onclick="change();" value="PxOy99">它的布局非常简单，两个input标签；placeholder 属性提供可描述输入字段预期值的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

2021-05-01 11:21:27 3403 4

原创三表查询

效果图如下：首先看一下布局如下：<table id="moretable" class="table table-bordered text-center table-striped"> <thead> <tr class="bg-primary text-white"> <th>学生ID</th> <

2021-04-28 10:04:56 2399 10

原创方块和圆形跳动正在加载中

首先我们先看一下效果如下：HTML部分如下：<div class="box"> <span class="a one"></span> <span class="b one"></span> <span class="c one"></span> <span class="d one"></span> <span class="e one"></span&

2021-02-23 17:29:56 2234 7

原创 CSS星星打分特效

首先看一下效果如下：点击第几颗星星就可以亮几颗星星哦。HTML布局如下：<div class="box"> <input type="radio" id="a" name="xing"> <label for="a"></label> <input type="radio" id="b" name="xing"> <label for="b"></label> <input type="r

2021-02-21 16:30:49 4346 7

原创一闪一闪的星星特效效果

首先让我们看一下一闪一闪的星星特效效果如下图：让我们先看一下布局：<div class="box"> <div class="one a">⭐</div> <div class="one b">⭐</div> <div class="one c">⭐</div> <div class="one d">⭐</div> <div class="one e">⭐<

2021-02-08 16:06:27 4866 7

原创点击出现子菜单

首先让我们看一下点击出现子菜单的效果如下图：点击黄色的按钮，出现子菜单如下图：让我们先看一下布局：<div class="menu"> <div class="sign" id="sign"></div> <div class="lis" id="lis"> <ul> <li><a href="">one</a></li> <li><a hre

2021-02-05 16:24:09 3965 10

原创 CSS动画翻转的效果

想要实现一个翻转的动画效果，那么我们就要掌握css3动画里面的知识点，下面我来给大家讲解一下。布局如下：<div class="box"> <ul> <li class="card"> <div class="card-on card-on2"> <img src="img/fanmian.jpg" alt=""> </div> <div class="card-in card-on

2021-02-04 20:14:48 3119

原创 tab的切换卡

首先，让我们来看一下HTML布局如下：< div class=“tab”> <ul id="nav"> <li class="on" index="1">nav-1</li> <li index="2">nav-2</li> <li index="3">nav-3</li> </ul> <div class="showbox" id="imgbox"> <im

2021-02-04 16:25:35 1212

小叶