事件处理我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。用法为 v-on:click="methodName" 或使用快捷方式 @click="methodName" 事件处理器的值可以是： 内联事件处理器：事件被触发时执行的内联 JavaScript 语句(与 onclick类似) 方法事件处理器：一个指向组件上定义的方法的属性名或是路径。 内联事件处理器内联事件处理器通常用于简单场景 123456789101112131415<script> export default { data() { return { count: 0 } } }</script><template> <h3>内联事件处理器</h3> <b ...

模板语法Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。 文本插值最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法(即双大括号)： 1234567891011121314151617<script>export default { name: 'hello' data() { return { msg: "神奇的语法", hello: "Hello World" } }}</script><template> <h3>模板语法</h3> <p>{{ msg }}</p> <p>&# ...

数据统计-Excel 报表 工作台今日数据接口WorkSpaceController123456789101112131415161718192021222324@RestController@RequestMapping("/admin/workspace")@Slf4j@Api(tags = "工作台")public class WorkSpaceController { @Autowired private WorkspaceService workspaceService; /** * 查询今日运营数据 */ @GetMapping("/businessData") @ApiOperation(value = "查询今日运营数据") public Result<BusinessDataVO> businessData() { log.info("查询今日运营数据"); ...

数据统计-图形报表 Apache ECharts介绍Apache ECarts 是一款基于 JavaScript 的数据可视化图标库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 官网地址: https://echarts.apache.org/zh/index.html 入门案例echarts.jshtml 文件营业额统计ReportController123456789101112131415161718192021222324252627282930313233343536373839404142434445464748package com.sky.controller.admin;import com.sky.result.Result;import com.sky.service.ReportService;import com.sky.vo.TurnoverReportVO;import io.swagger.annotations.Api;import io.swagger.annotations.ApiOperation;import lombok.ext ...

用户端历史订单模块：查询历史订单OrderController123456789/** * 历史订单 */ @GetMapping("/historyOrders") @ApiOperation(value = "历史订单") public Result<PageResult> page(int page, int pageSize, Integer status) { PageResult pageResult = orderService.pageQuery4User(page, pageSize, status); return Result.success(pageResult); } OrderService12345/** * 分页查询用户订单 */ PageResult pageQuery4User(int page, int pageSize, Integer status); OrderServiceImpl12345678910111213 ...

一. 地址簿1.查询地址列表AddressBookController1234567891011121314151617181920212223242526272829303132333435363738394041424344package com.sky.controller.user;import com.sky.context.BaseContext;import com.sky.entity.AddressBook;import com.sky.result.Result;import com.sky.service.AddressBookService;import io.swagger.annotations.Api;import io.swagger.annotations.ApiOperation;import lombok.extern.slf4j.Slf4j;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annota ...

我对爱的理解是：遇见那个对的人，然后爱他就像爱生命 人间告白 我用心去爱你的过程也正是我热爱生活的过程，一个人如果能做到全心全意地去爱另一个人，其实是件很了不起的事情。 这样的爱让你学会付出，学会包容，学会无私，不必去计较得到的多和少。爱人本来就是做加法的事，这个付出的过程你是幸福和享受的，你应该是更富足的那个人。 他总说，我是他灰色人生里的一道彩虹，像一道光照进了他的心门 我喜欢他的浪漫、他的温柔，喜欢他把我的一切都放在心上，喜欢他爱意满满地看着我的模样。 些爱和遗憾都是注定的，但是我想让我的爱人知道，你的今生有个傻丫头深深地爱着你。无论你的人生有多短暂，我都要让你感受到温暖。我想告诉你，我们在一起的平凡时光永远都是耀眼的。 我们常说爱一个人就是希望他好，可我只想说，我爱他，我比谁都舍不得他离开。但是我现在只想告诉小忽：“别撑了，松手吧，我不会怪你的，我不过什么生日了，我不想让你再那么痛苦了。”可是话到嘴边，我却不知道怎么开口。 一直以来，我都是那个努力让他求生、给他希望的人，如今让我开口要他放弃，我怎么做得到？而且现在的小忽比任何时候的求生意识都要强烈。 爱不是逃避地去赴 ...

Web 应用基础 简述 C/S 应用程序与 B/S 应用程序的区别？a. C/S 结构应用程序(Client/Server):客户端—服务器结构。凡是需要在客户的机器上安装客户端软件的应用程序都是 CS 架构的应用程序。 优点：响应速度快，安全性强，一般应用于局域网中。缺点：需要经常更新客户端，开发维护成本高。 b. B/S 结构应用程序（Browser/Server）:浏览器—-服务器结构。凡是使用浏览器运行的应用程序都是 BS 架构的应用程序。 优点：跨平台，客户端零维护，即不需要更新客户端。缺点：响应速度受制于网络。 JavaWeb 就是使用 java 语言开发 B/S 结构应用程序。 简述 URL 的各个组成部分？URL：Uniform Resource Locator 即统一资源定位符：用于完整地描述 Internet 上网页和其他资源的地址的一种标识方法。就是我们通常所说的网址。 URL 是惟一能够识别 Internet 上具体的计算机、目录或文件位置的命名约定。 简述如何修改 Tomcat ...

一. 缓存菜品通过 Redis 来缓存菜品数据，减少数据库查询操作 缓存菜品根据分类 ID 缓存菜品key : value DishController.java12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758package com.sky.controller.user;import com.sky.constant.StatusConstant;import com.sky.entity.Dish;import com.sky.result.Result;import com.sky.service.DishService;import com.sky.vo.DishVO;import io.swagger.annotations.Api;import io.swagger.annotations.ApiOperation;import lombok.extern.slf4j.Slf4j;import org.spri ...