黑马2024AI+JavaWeb开发入门Day02-JS-VUE飞书作业
视频地址：哔哩哔哩
讲义作业飞书地址：飞书
一、作业1
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>作业1</title><style>table {width: 80%;border-collapse: collapse;margin: 0 auto;}th,td {border: 1px solid #000;padding: 10px 0px;}</style>
</head><body><!--3 将模型数据和视图进行绑定--><div id="app"><!--扩展需求：在下方表格中展示品牌信息--><table id="brandTable"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><tr v-for="(b, index) in brands" :key="b.id" align="center"><td>{{index + 1}}</td><td>{{b.brandName}}</td><td>{{b.companyName}}</td><td>{{b.ordered}}</td><td>{{b.description}}</td><td> <span v-show="b.status == 1" style="color: green;">启用</span><span v-show="b.status == 0" style="color: red;">禁用</span></td><td><a href="#">修改</a> <a href="#">删除</a></td></tr></table></div><script type="module">import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'createApp({data() {return {brands: [{id: 10,brandName: "三只松鼠",companyName: "三只松鼠",ordered: "100",description:"三只松鼠，好吃不上火",status: 1}, {id: 20,brandName: "优衣库",companyName: "优衣库",ordered: "10",description:"优衣库，服适人生",status: 0}, {id: 30,brandName: "小米",companyName: "小米科技有限公司",ordered: "1000",description:"为发烧而生",status: 0}, {id: 40,brandName: "华为",companyName: "华为科技有限公司",ordered: "100",description:"没有伤痕累累，哪来皮糙肉厚，英雄自古多磨难",status: 1}]}}}).mount('#app')</script>
</body>
</html>二、作业2
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>作业2</title><style>table {width: 80%;border-collapse: collapse;margin: 0 auto;}th,td {border: 1px solid #000;padding: 10px 0px;}</style>
</head><body><!-- 需求: Vue挂载完成后, 通过axios发送异步请求到服务端, 或者学生列表数据, 并通过Vue展示在页面上. --><div id="app"><table><tr><th>编号</th><th>姓名</th><th>图像</th><th>年龄</th><th>性别</th><th>成绩</th><th>等级</th></tr><tr v-for="(s, index) in students" :key="s.id" align="center"><td>{{index + 1}}}</td><td>{{s.name}}</td><td><img :src="s.image" height="50" width="70"></td><td>{{s.age}}</td><td><span v-if="s.gender == 1">男</span><span v-else>女</span></td><td>{{s.score}}</td><td><span v-if="s.score >= 85" style="color: green;">优秀</span><span v-else-if="s.score >= 60" style="color: yellow;">及格</span><span v-else style="color: red;">不及格</span></td></tr></table></div><script src="https://unpkg.com/axios/dist/axios.min.js"></script><script type="module">import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'createApp({data() {return {students: []}},methods: {search() {axios.get('https://mock.apifox.cn/m1/3128855-0-default/student').then((result) => {this.students = result.data.data;});}},mounted() {this.search();}}).mount('#app')</script>
</body></html>三、作业3
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Tlias智能学习辅助系统</title><style>body {margin: 0;}/* 顶栏样式 */.header {display: flex;justify-content: space-between;align-items: center;background-color: #c2c0c0;padding: 20px 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}/* 加大加粗标题 */.header h1 {margin: 0;font-size: 24px;font-weight: bold;}/* 文本链接样式 */.header a {text-decoration: none;color: #333;font-size: 16px;}/* 搜索表单区域 */.search-form {display: flex;align-items: center;padding: 20px;background-color: #f9f9f9;}/* 表单控件样式 */.search-form input[type="text"],.search-form select {margin-right: 10px;padding: 10px 10px;border: 1px solid #ccc;border-radius: 4px;width: 26%;}/* 按钮样式 */.search-form button {padding: 10px 15px;margin-left: 10px;background-color: #007bff;color: white;border: none;border-radius: 4px;cursor: pointer;}/* 清空按钮样式 */.search-form button.clear {background-color: #6c757d;}.table {min-width: 100%;border-collapse: collapse;}/* 设置表格单元格边框 */.table td,.table th {border: 1px solid #ddd;padding: 8px;text-align: center;}.avatar {width: 30px;height: 30px;object-fit: cover;border-radius: 50%;}/* 页脚版权区域 */.footer {background-color: #c2c0c0;color: white;text-align: center;padding: 10px 0;margin-top: 30px;}.footer .company-name {font-size: 1.1em;font-weight: bold;}.footer .copyright {font-size: 0.9em;}#container {width: 80%;margin: 0 auto;}</style>
</head><body><div id="container"><!-- 顶栏 --><div class="header"><h1>Tlias智能学习辅助系统</h1><a href="#">退出登录</a></div><!-- 搜索表单区域 --><form class="search-form"><input type="text" placeholder="姓名" V-model="searchEmp.name"/><select name="gender" v-model="searchEmp.gender"><option value="">性别</option><option value="1">男</option><option value="2">女</option></select><select name="job" v-model="searchEmp.job"><option value="">职位</option><option value="1">班主任</option><option value="2">讲师</option><option value="3">学工主管</option><option value="4">教研主管</option><option value="5">咨询师</option></select><button type="button" @click="search">查询</button><button type="button" class="clear" @click="clear">清空</button></form><table class="table table-striped table-bordered"><thead><tr><th>序号</th><th>姓名</th><th>性别</th><th>头像</th><th>职位</th><th>入职日期</th><th>最后操作时间</th><th>操作</th></tr></thead><tbody><tr v-for="(e, index) in empList" :key="e.id"><td>{{index + 1}}</td><td>{{e.name}}</td><td>{{e.gender == 1 ? '男':'女'}}</td><td><img :src="e.image":alt="e.name" class="avatar"></td><td><span v-if="e.job === '1'">班主任</span><span v-else-if="e.job === '2'">讲师</span><span v-else-if="e.job === '3'">学工主管</span><span v-else-if="e.job === '4'">教研主管</span><span v-else>咨询师</span></td><td>{{e.entrydate}}</td><td>{{e.updatetime}}</td><td class="btn-group"><button class="edit">编辑</button><button class="delete">删除</button></td></tr></tbody></table></div><script src="https://unpkg.com/axios/dist/axios.min.js"></script><script type="module">import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'createApp({data() {return {searchEmp: {name: '',gender: '',job: ''},empList: []}},methods: {search() {axios.get(`https://web-server.itheima.net/emps/list?name=${this.searchEmp.name}&gender=${this.searchEmp.gender}&job=${this.searchEmp.job}`).then(res => {this.empList = res.data.dataconsole.log(res.data.data);})},clear() {this.searchEmp = {name: '',gender: '',job: ''};this.empList=[];}},mounted() {this.search();}}).mount('#container')</script>
</body></html>有问题请评论或者私信我！
相关文章：
黑马2024AI+JavaWeb开发入门Day02-JS-VUE飞书作业
视频地址：哔哩哔哩 讲义作业飞书地址：飞书 一、作业1 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge">&l…...
-JavaEE开课啦！--12课程(Spring MVC注解 + Vue2.0 + Mybatis)-实验10)
(0基础保姆教程)-JavaEE开课啦！--12课程(Spring MVC注解 + Vue2.0 + Mybatis)-实验10
一、常见的SpringMVC注解有哪些？ 1.Controller：用于声明一个类为 Spring MVC 控制器。 2.RequestMapping：用于将 HTTP 请求映射到特定的处理方法上。可以指定请求类型（GET、POST等）和URL路径。 3.GetMappingÿ…...
未成年人模式护航，保障安全健康上网
为保护未成年人的上网环境，预防未成年人沉迷网络，帮助未成年人培养积极健康的用网习惯，HarmonyOS SDK 提供未成年人模式功能，在华为设备上加强对面向未成年人的产品和服务的管理。 场景介绍（应用跟随系统未成年人模式…...
【实体配置】.NET开源 ORM 框架 SqlSugar 系列
.NET开源 ORM 框架 SqlSugar 系列 【开篇】.NET开源 ORM 框架 SqlSugar 系列【入门必看】.NET开源 ORM 框架 SqlSugar 系列【实体配置】.NET开源 ORM 框架 SqlSugar 系列【Db First】.NET开源 ORM 框架 SqlSugar 系列【Code First】.NET开源 ORM 框架 SqlSugar 系列 …...
MySQL中Update在什么情况下行锁会升级成表锁
MySQL中Update在什么情况下行锁会升级成表锁 在MySQL中，特别是使用InnoDB存储引擎时，行锁（row-level locking）通常用于提高并发性能。然而，在某些特定情况下，行锁可能会升级为表锁（table-level…...
应急响应靶机——easy溯源
载入虚拟机，开启虚拟机： （账户密码：zgsfsys/zgsfsys） 解题程序.exe是额外下载解压得到的： 1. 攻击者内网跳板机IP地址 2. 攻击者服务器地址 3. 存在漏洞的服务(提示:7个字符) 4. 攻击者留下的flag(格式…...
使用Compose Multiplatform开发跨平台的Android调试工具
背景 最近对CMP跨平台很感兴趣，为了练手，在移动端做了一个Android和IOS共享UI和逻辑代码的天气软件，简单适配了一下双端的深浅主题切换，网络状态监测，刷新调用振动器接口。 做了两年多车机Android开发，偶…...
LabVIEW实现TCP通信
目录 1、TCP通信原理 2、硬件环境部署 3、云端环境部署 4、TCP通信函数 5、程序架构 6、前面板设计 7、程序框图设计 8、测试验证 本专栏以LabVIEW为开发平台，讲解物联网通信组网原理与开发方法，覆盖RS232、TCP、MQTT、蓝牙、Wi-Fi、NB-IoT等协议。 结合…...
Realtek网卡MAC刷新工具PG8168.exe Version:2.34.0.4使用说明
本刷新工具虽然文件名叫PG8168.EXE，但不是只有RTL8168可用，是这一个系列的产品都可以使用。实验证明RTL8111也可以使用。 用法： PG8168 [/h][/?][/b][/c HexOffsetHexValue][/d NICNumber][/l][/r][/w][/v] [/# NICNumber] [/nodeidHexNOD…...
【maven】配置下载私有仓库的快照版本
1、setting.xml配置 <settings xmlns"http://maven.apache.org/SETTINGS/1.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/SETTINGS/1.0.0https://maven.apache.org/xsd/settings-1.0.0.…...
基于pytorch使用仿真数据集来训练一个深度学习模型进行相位解包裹
使用 PyTorch 来训练一个深度学习模型进行相位解包裹是一种常见的方法。下面是一个详细的示例，展示如何生成仿真数据集并在 PyTorch 中训练模型。 1. 生成仿真数据集 首先，我们生成一些仿真数据集，包含多个包裹相位图和对应的解包裹相位图。…...
【排序算法】之快速排序篇
思想： 分而治之，通过选定某一个元素作为基准值，将序列分为两部分，左边的序列小于基准值，右边的序列大于基准值， 然后再分别将左序列和右序列进行递归排序，直至每部分有序。 性质：这…...
WebSocket
握手 1 客户端发起握手请求：客户端向服务器发送一个特殊的HTTP请求，其中包含一个Upgrade字段，表明客户端希望将该连接从HTTP协议升级为WebSocket协议。请求的关键部分包括： GET请求：客户端使用GET方法请求与WebSocket…...
适配器模式
适配器模式（Adapter Pattern）详解 定义 适配器模式是一种结构型设计模式，通过将一个类的接口转换为客户期望的另一个接口，使得原本接口不兼容的类可以一起工作。适配器模式又称“包装器（Wrapper）”。 适配…...
Jmeter最新详细安装及修改中文教程（附安装包）
目录 初识：Jmeter 一、下载：Jmeter 二、安装前必要的配置 1.桌面点击菜单栏搜索【cmd】，然后打开命令提示符 2.输入java -version命令 三、安装：Jmeter 1.首先在D盘创建【Jmeter】文件夹，把下载的【Jmeter】压缩…...
)
Java 语言的起源发展与基本概念(JDK,JRE,JVM)
Java语言的起源 源起 Java语言最初是由Sun Microsystems公司（该公司于2009年被Oracle公司收购）开发的一种编程语言。其创造者是詹姆斯高斯林（James Gosling），他是一位加拿大计算机科学家。其前身名为Oak（橡…...
利用dockerCompose一键部署前后端分离项目
1.Docker Compose介绍 2.将自己准备好的docker-compose.yml文件上传到宿主机 3.查看docker-compose.yml文件 宿主机的文件内容可参考： 项目部署-通过docker手动部署前后端分离项目（全网超级详细 的教程）-CSDN博客 修改宿主机的nginx.conf …...
redis大key和热key
redis中大key、热key 什么是大key大key可能产生的原因大key可能会造成什么影响如何检测大key如何优化删除大key时可能的问题删除大key的策略 热key热key可能导致的问题解决热key的方法 什么是大key 大key通常是指占用内存空间过大或包含大量元素的键值对。 数据量大ÿ…...
在 Linux 系统中根据pid查找软件位置
在 Linux 系统中，如果您知道一个进程的 PID（进程标识符），并且想要找到该进程对应的可执行文件的位置，可以使用以下几种方法： 方法一：使用 ps 命令 ps 命令可以显示进程的详细信息，包括可执行文件的路径。假设您的 PID 是 1234，可以使用以下命令： ps -p 1234 -o co…...
Python开发环境搭建+conda管理环境
下载Miniconda 推荐从清华镜像下载安装包 Index of /anaconda/miniconda/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror 打开网页后，下拉到最后找到Miniconda3-latest前缀的文件，或者网页中直接搜索Miniconda3-latest，都可以找…...
Java 8新特性详解与实战
目录 引言 1. Lambda 表达式（Lambda Expressions） 2. 函数式接口（Functional Interfaces） 3. 流 API（Stream API） 4. 默认方法（Default Methods） 5. Optional 类 6. 新的时间日…...
K8s内存溢出问题剖析：排查与解决方案
文章目录 一、背景二、排查方案：1. 可能是数据量超出了限制的大小，检查数据目录大小2. 查看是否是内存溢出2.1 排查数据量（查看数据目录大小是否超过limit限制）2.2 查看pod详情发现问题 三、解决过程 一、背景 做redis压测过程中…...
Network Link Conditioner Mac 上模拟网络环境工具的安装和使用
前言 Xcode 的模拟器本身是不支持模拟网络环境的，在开发界面的时候，设计会出无网、弱网这种情况的设计图，为了方便在开发过程中实现这些情况的代码逻辑，Network Link Conditioner 就是模拟网络环境的好帮手。 安装 Network Lin…...
SeggisV1.0 遥感影像分割软件【源代码】讲解
在此基础上进行二次开发，开发自己的软件，例如：【1】无人机及个人私有影像识别【2】离线使用【3】变化监测模型集成【4】个人私有分割模型集成等等，不管是您用来个人学习 还是公司研发需求，都相当合适，包您满…...
电子应用设计方案-27：智能淋浴系统方案设计
智能淋浴系统方案设计 一、系统概述 本智能淋浴系统旨在为用户提供舒适、便捷、个性化的淋浴体验，通过集成多种智能技术，实现水温、水流、淋浴模式的精准控制以及与其他智能家居设备的联动。 二、系统组成 1. 喷头及淋浴杆 - 采用可调节角度和高度的设计…...
)
旋转图像(java)
题目描述： 给定一个 n n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。 你必须在 原地 旋转图像，这意味着你需要直接修改输入的二维矩阵。请不要 使用另一个矩阵来旋转图像。 代码思路： class Solution {public void ro…...
单片机知识总结（完整）
1、单片机概述 1.1. 单片机的定义与分类 定义： 单片机（Microcontroller Unit，简称MCU）是一种将微处理器、存储器（包括程序存储器和数据存储器）、输入/输出接口和其他必要的功能模块集成在单个芯片上的微型…...
蓝桥杯备赛笔记（一）
这里的笔记是关于蓝桥杯关键知识点的记录，有别于基础语法，很多内容只要求会用就行，无需深入掌握。 文章目录 前言一、编程基础1.1 C基础格式和版本选择1.2 输入输出cin和cout： 1.3 string以下是字符串的一些简介：字符串…...
Spring Boot【四】
单例bean中使用多例bean 1.lookup-method方式实现 当serviceB中调用getServiceA的时候，系统自动将这个方法拦截，然后去spring容器中查找对应的serviceA对象然后返回 2.replaced-method：方法替换 我们可以对serviceB这个bean中的getServiceA…...
linux基础1
声明！ 学习视频来自B站up主 泷羽sec 有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关&#…...
DAMODEL丹摩｜部署FLUX.1+ComfyUI实战教程
本文仅做测评体验，非广告。 文章目录 1. FLUX.1简介2. 实战2. 1 创建资源2. 1 ComfyUI的部署操作2. 3 部署FLUX.1 3. 测试5. 释放资源4. 结语 1. FLUX.1简介 FLUX.1是由黑森林实验室（Black Forest Labs）开发的开源AI图像生成模型。它拥有12…...
Python语法基础（三）
🌈个人主页：羽晨同学 💫个人格言:“成为自己未来的主人~” 我们这篇文章来说一下函数的返回值和匿名函数 函数的返回值 我们先来看下面的这一段函数的定义代码 # 1、返回值的意义 def func1():print(111111111------start)num166print…...
计算分数的浮点数值
计算分数的浮点数值 C语言代码C 代码Java代码Python代码 💐The Begin💐点点关注，收藏不迷路💐 两个整数a和b分别作为分子和分母，既分数 a/b ，求它的浮点数值（双精度浮点数，保留小数点…...
Staircase mesh” 和 Conformal mesh区别
一、Staircase Mesh（阶梯状网格） 1.1 含义 阶梯状网格就像是用一个个小方块或者矩形拼接起来的网格。在对几何形状进行划分网格时，它会以一种比较简单直接的方式，使得网格边界呈现出像楼梯台阶一样的形状。比如在模拟一个圆形物体…...
探索未来工业的核心：数字孪生技术深度解析
经过数十年的发展，建模和模拟已成为工程和科学的基石。人们针对改进建模的计算方法进行了大量的研究和开发工作。这些计算机模型对系统设计非常有用，可以削减实验和测试的高昂成本。然而在实操中，还需要跟踪系统随时间的演变情况，…...
dns 服务器简单介绍
dns 服务器分类： 根域名服务器顶级域名服务器权威域名服务器本地域名服务器 dns 的查询过程 国内优秀公共域名 腾讯：DNSPod-免费智能DNS解析服务商-电信_网通_教育网,智能DNS-烟台帝思普网络科技有限公司 119.29.29.29 和 182.254.118.118 阿里…...
SQL基础入门——C++与SQL连接实践
在开发中，C与SQL数据库的连接和交互是非常常见的需求。通过将C与SQL数据库连接起来，我们可以轻松地执行数据存取、查询、更新等操作。C与数据库的集成通常依赖于数据库的连接器或驱动程序，本章节将详细讲解如何在C中使用MySQL Connector与SQL…...
对max_seq_length参数的理解，基于open-instruct框架：中英文解释
使用open-instruct (https://github.com/allenai/open-instruct )框架，对其中的max_seq_length参数的理解记录下来。 bash脚本内容如下： # 设置模型和训练参数 MODEL_NAMEgoogle/gemma-2-2b MACHINE_RANK0 MAIN_PROCESS_IP127.0.0.1 MAIN_PROCESS_PORT2…...
似然分布（Likelihood Distribution）和似然函数（Likelihood Function）有什么区别？中英双语
中文版 在统计学中，似然分布（Likelihood Distribution）和似然函数（Likelihood Function）是两个相关但有所不同的概念。它们都涉及给定参数的情况下，数据出现的概率，但是它们的使用方式和含义有…...
LINUX2.4.x网络安全框架
在分析LINUX2.4.x网络安全的实现之前先简介一下它里面包括的几个重要概念：netfilter、iptables、match、target、nf_sockopt_ops、网络安全功能点的实现。详解会在后面的分析中讲到。 首先是netfilter，它定义了协议栈中的检查点和在检查点上引用的数据结…...
Python毕业设计选题：基于django+vue的智能停车系统的设计与实现
开发语言：Python框架：djangoPython版本：python3.7.7数据库：mysql 5.7数据库工具：Navicat11开发软件：PyCharm 系统展示 管理员登录 管理员功能界面 车主管理 车辆信息管理 车位信息管理 车位类型管理 系统…...
AI界的信仰危机：单靠“规模化”智能增长的假设，正在面临挑战
每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领…...
JMeter 并发策略-针对准点秒杀场景的压测实现
一、场景的压测实现 1，创建线程组，10并发用户执行5次； 2，创建 Synchronizing Timer 元件,用于同步线程，设置同步元件 Synchronizing Timer 3，创建 http 请求4，创建 view results in table 元件…...
【如何提升代码工程质量】code review篇
应该对于基本上所有软件相关的公司来说，都有committer机制，即代码写好之后会提交合并请求，待相关人员code review通过后再进行合入，所以code review就是代码合入代码仓库的最后一道关卡，对于代码质量的影响也是不容忽视…...
1041.困于环中的机器人
题目： 解题思路; 由于机器人会一直重复指令，存在重复多次指令才回到原点的情况，需要对不同情况经行分析。 当执行一次指令后回到原点，则机器人永远无法回到原点。当执行一次指令后不回到原点，只有方向向北的无法在多次…...
Python实现IP代理池
文章目录 Python实现IP代理池一、引言二、步骤一：获取代理IP1、第一步：爬取代理IP2、第二步：验证代理IP的有效性 三、步骤二：构建IP代理池四、使用示例1、完整的使用示例2、注意事项3、处理网络问题 五、总结 Python实现IP代理池 …...
【Linux网络编程】第二弹---Socket编程入门指南：从IP、端口号到传输层协议及编程接口全解析
✨个人主页： 熬夜学编程的小林 💗系列专栏： 【C语言详解】 【数据结构详解】【C详解】【Linux系统编程】【Linux网络编程】 目录 1、Socket 编程预备 1.1、理解源 IP 和目的 IP 1.2、认识端口号 1.2.1、端口号范围划分 1.2.2、理解 &q…...
【机器学习】机器学习学习笔记 - 监督学习 - 多项式回归决策树回归 - 03
多项式回归 解决线性回归的准备性不足问题(线性回归只能是直线，多项式回归引入多项式可以是曲线)通过对预测值进行多项式转换, 使得回归模型可以是非线性的多项式回归的优点是可以处理非线性的数据多项式回归的缺点是它对数据进行了多项式转换 加菲工具࿰…...
篡改猴（Tampermonkey）使用指南：为您的浏览器增添超级能力
篡改猴（Tampermonkey）使用指南：为您的浏览器增添超级能力 篡改猴（Tampermonkey） 是一款流行的用户脚本管理工具，可以在浏览器中安装和运行用户脚本，从而增强或自定义网页的功能。无论是去广告、…...
23省赛区块链应用与维护（房屋租凭【下】）
23省赛区块链应用与维护（房屋租凭） 背景描述 随着异地务工人员的增多，房屋租赁成为一个广阔市场。目前，现有技术中的房屋租赁是由房主发布租赁信息，租赁信息发布在房屋中介或租赁软件，租客获取租赁信息后，现场看房，并签订纸质的房屋租赁合同，房屋租赁费用通过中介或…...