Html+JavaScript+Css 二手车价格评估系统设计开发

news2025/7/7 1:29:17

目录

一、系统设计技术及平台介绍

二、系统总体设计图

三、软件模块实现

3.1 登陆注册模块

3.2 主界面

3.3 车辆评估界面

3.4 评估记录界面

3.5 评估结果界面

3.6 个人信息界面

四、数据库实体设计

五、重置成本法简介

六、相关代码

6.1 登陆界面代码

6.2 主界面代码

6.3 快速评估算法代码

七、总结

此项目为本科毕业设计项目，基于VSCode开发的html + JavaScript + css网页，简单的一个基于重置成本法的二手车价格评估系统。本人主要学c++的，网页也是第一次学随便写的，比较简单基础。

一、系统设计技术及平台介绍

（1）Visual Studio Code平台

        Visual Studio Code是微软在2015年发布的一款用于编写现代Web和云软件的跨平台源代码编辑器，可运行于桌面，能运行在Windows，macOS和Linux上。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有多样的编程语言。

（2）谷歌浏览器

        谷歌浏览器是一款设计简洁、使用性能高效的网页浏览工具。它由谷歌公司研发，采用最新的WebKit内核，同时配备了性能强大的V8 JavaScript引擎，能够很好地支持HTML5。

（3）WebSQL数据库

        WebSQL是当前Chrome、Safari等提供的本地数据库编程接口。利用该接口，使用HTML和JavaScript设计网页，为关系型数据库的开发提供了一个易于构建、易于使用的SQL实践平台。这是写毕业设计程度最简单的数据库，保存在浏览器记录里，整其他数据库太麻烦没整出来。

（4）HTML

        HTML全名为超文本标记语言，它是设计网页内容的一种标记语言。它包括多种标签．通过这些标签可以将网络上的文档格式统一，并将各个独立的网络资源整合成一个逻辑的整体。

（5）CSS

        CSS全称为叠样式表，是可用于表现HTML文件样式的编程语言。CSS不但能对页面进行静态的修改，而且能根据不同的脚本语言对页面的各个要素进行动态的格式调整。

（6）JavaScript

        JavaScript是当前运用广泛，使用率高的一种脚本语言，能实现对网页添加某些动态效果与交互功能。

二、系统总体设计图

三、软件模块实现

3.1 登陆注册模块

        登陆界面忘了在哪里找的参考模板了，然后直接改了界面样式，添加了WebSQL数据库，将注册的用户信息添加到数据库，然后登陆时从数据库中读取登陆。另外添加了管理员用户，管理员登陆可以查看所有记录和对所有注册用户管理。

3.2 主界面

         主界面做了五个小页面，主页、车辆评估、记录、评估结果和我的共五个界面。主页做了一个小界面，用来做价格的快速评估，计算大概的评估结果。背景做的几张网络图片定时轮播，增加美观。

3.3 车辆评估界面

        

         车辆评估界面需要填写个人信息和静态检查、原地启动检查、路试检查和车辆事故鉴定情况，填写完成点击立即评估会根据填写的情况利用重置成本法技术相应的评估价格，并在数据库中添加评估记录，生成评估结果。

3.4 评估记录界面

         评估记录界面记录了个人评估的记录信息，可对记录进行删除和查看评估结果的操作。 

         管理员可以看到所有用户的评估记录信息。

3.5 评估结果界面

         评估结果将评估的信息及结果清晰整理出来，如果需要也可以整成评估报告的形式，还可以直接导出。

3.6 个人信息界面

         普通用户个人信息提供修改用户名和电话的选项，点击保存修改时会提醒收入密码和修改密码。

         对于管理员用户来说个人信息界面就是用户管理，可查看所有注册的用户，还能对相应的用户进行删除操作。

四、数据库实体设计

        管理员的实体属性图如下图所示，管理员包括管理员编号、用户名、密码等属性。

         用户的实体属性图如下图所示，包含编号、用户名、电话、密码等属性。

         评估记录的实体属性图如下图所示，有编号、姓名、电话、地址、VIN码、发动机号、品牌车型、车牌号、累计里程、上牌日期、出厂日期、初次登记日期、车身颜色、制造质量、车辆类型、维护保养、使用条件、重置成本、评估价格等属性。

五、重置成本法简介

        重置成本法就是指在现阶段购买一辆全新的与被评估车辆完全相同的车辆所花费的价格，再减去被评估车辆的各种贬值得到的值作为评估价格的评估方法。具体计算公式为：

式中：

P——二手车评估价格，元；

B——重置成本，元；

Bz——实体性贬值，元；

Bg——功能性贬值，元。

        重置成本法需要确定重置成本、基础成新率、综合调整系数及事故折损率等，具体细节算法在相应教材或网上都有，不做细致介绍了。

六、相关代码

6.1 登陆界面代码

login.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>二手车价格评估系统</title>
    <link rel="stylesheet" type="text/css" href="../css/login.css" />
    <script type="text/javascript" src="../js/login.js"></script>
</head>

<body>

    <div>     
        <div class="content">
			<div class="form sign-in">
				<h2>二手车价格评估系统</h2>
				<br><br><br>
				<label>
					<span>用户名</span>
					<input type="text" id="userInput"/>
				</label>
				<label>
					<span>密码</span>
					<input type="password" id="pwdInput"/>
				</label>
				<button type="button" class="forgetPwd" onclick="forgetPwd()">忘记密码？</button>
				<button type="button" class="submit" onclick="login()">登 录</button>
			</div>
			<div class="sub-cont">
				<div class="img">
					<div class="img__text m--up">
						<h2>还未注册？</h2>
						<p>立即注册，发现大量机会！</p><br>
						<p>看看你的车能卖多少钱！</p>
					</div>
					<div class="img__text m--in">
						<h2>已有帐号？</h2>
						<p>有帐号就登录吧，好久不见了！</p>
					</div>
					<div class="img__btn">
						<span class="m--up">注 册</span>
						<span class="m--in">登 录</span>
					</div>
				</div>
				<div class="form sign-up">
					<h2>立即注册</h2>
					<label>
						<span>用户名</span>
						<input type="text" id="_userInput"/>
					</label>
					<label>
						<span>电话</span>
						<input type="tel" id="_phoNumInput"/>
					</label>
					<label>
						<span>密码</span>
						<input type="password" id="_pwdInput"/>
					</label>
					<button type="button" class="submit" onclick="logon()">注 册</button>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			document.querySelector('.img__btn').addEventListener('click', function() {
				document.querySelector('.content').classList.toggle('s--signup')
			})
		</script>

        </div>
    </div>
</body>

</html>

login.js

var adminUserName = "admin";
var adminPassWord = "123456";

function login() {    
    var _userName = document.getElementById("userInput").value;
    var _passwd = document.getElementById("pwdInput").value;

    if(_userName == "" || _passwd == ""){
        alert("用户名或密码不能为空！");
        return;
    }
    else if (_userName == adminUserName && _passwd == adminPassWord) {
        window.location.href="../html/index.html?valus="+_userName;
    }
    else if(_userName == adminUserName && _passwd != adminPassWord){
        alert("用户名或密码错误！");
        return;
    }
    var db = openDatabase('mydb', '1.0', 'UserDB', 2 * 1024 * 1024);    
   
    db.transaction(function (tx) {
    tx.executeSql("SELECT * FROM users", [], function (tx, results) {
        var len = results.rows.length, i;
        for (i = 0; i < len; i++){
            if(results.rows.item(i).userName == _userName)
            {
                var dbPasswd = results.rows.item(i).passWord;
                if(_passwd == dbPasswd)
                window.location.href="../html/index.html?valus="+_userName;  
                else
                    alert("用户名或密码错误！");
                return;
            }
        }
        alert("用户名或密码错误！");
    }, null);
    });

}

function logon(){
    var logon_userName = document.getElementById("_userInput").value;
    var logon_passwd = document.getElementById("_pwdInput").value;
    var logon_phoneNum = document.getElementById("_phoNumInput").value;
    if(logon_userName == ""){
        alert("请输入你的用户名！");
        return;
    }
    if(logon_phoneNum == ""){
        alert("请输入你的电话！");
        return;
    }
    if(logon_passwd == ""){
        alert("请输入你的密码！");
        return;
    }
    
    var db = openDatabase('mydb', '1.0', 'UserDB', 2 * 1024 * 1024);
    var curLen = 0;
    db.transaction(function (tx) {        
    tx.executeSql("SELECT * FROM users", [], function (tx, results) {
        curLen = results.rows.length;
    }, null);
    });
    
    db.transaction(function (tx) {
    tx.executeSql("CREATE TABLE IF NOT EXISTS users (id unique, userName unique, passWord, phoneNum)");
    tx.executeSql('INSERT INTO users (id, userName, passWord, phoneNum) VALUES ("' + String(curLen + 1) + '","' + logon_userName + '","' + logon_passwd + '","' + logon_phoneNum + '")');
    });
    db.transaction(function (tx) {
        tx.executeSql('SELECT userName FROM users WHERE id="' + String(curLen + 1) + '"', [], function (tx, results){
            if(results.rows.item(0).userName == logon_userName)
                alert("恭喜" + logon_userName + "账号注册成功！");
            else
                alert("账号注册失败！");
            return;
        },null);
    });


}

function forgetPwd() {
    alert("管理员登录：\n用户名：" + adminUserName + "\n密码：" + adminPassWord);
}

login.css

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #ededed;
    background-image: url(../img/car5.jpg);
}

input, button {
    border: none;
    outline: none;
    background: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
input,button:hover{
	color: rgb(2, 2, 2);
}
.tip {
    font-size: 20px;
    margin: 40px auto 50px;
    text-align: center;
}

.content {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 550px;
    margin: -300px 0 0 -450px;
    background: rgba(255, 255, 255, 0.8);
}

.form {
    position: relative;
    width: 640px;
    height: 100%;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    padding: 50px 30px 0;
}

.sub-cont {
    overflow: hidden;
    position: absolute;
    left: 640px;
    top: 0;
    width: 900px;
    height: 100%;
    padding-left: 260px;
    background: #fff;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.content.s--signup .sub-cont {
    -webkit-transform: translate3d(-640px, 0, 0);
    transform: translate3d(-640px, 0, 0);
}

button {
    display: block;
    margin: 0 auto;
    width: 260px;
    height: 36px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.img {
    overflow: hidden;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
    height: 100%;
    padding-top: 360px;
}

.img:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 900px;
    height: 100%;
    background-image: url(../img/background.jpg);
    background-size: cover;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.content.s--signup .img:before {
    -webkit-transform: translate3d(640px, 0, 0);
    transform: translate3d(640px, 0, 0);
}

.img__text {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.img__text h2 {
    margin-bottom: 10px;
    font-weight: normal;
}

.img__text p {
    font-size: 14px;
    line-height: 1.5;
}

.content.s--signup .img__text.m--up {
    -webkit-transform: translateX(520px);
    transform: translateX(520px);
}
.img__text.m--in {
    -webkit-transform: translateX(-520px);
    transform: translateX(-520px);
}

.content.s--signup .img__text.m--in {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.img__btn {
    overflow: hidden;
    z-index: 2;
    position: relative;
    width: 100px;
    height: 36px;
    margin: 0 auto;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}
.img__btn:after {
    content: '';
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 30px;
}

.img__btn span {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}

.img__btn span.m--in {
    -webkit-transform: translateY(-72px);
    transform: translateY(-72px);
}

.content.s--signup .img__btn span.m--in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.content.s--signup .img__btn span.m--up {
    -webkit-transform: translateY(72px);
    transform: translateY(72px);
}

h2 {
    width: 100%;
    font-size: 26px;
    text-align: center;
}

label {
    display: block;
    width: 260px;
    margin: 25px auto 0;
    text-align: center;
}

label span {
    font-size: 15px;
    color: #727276;
    text-transform: uppercase;
}

input {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    text-align: center;
}

.forgot-pass {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    color: #ebebeb;
}


.forgetPwd {
    border: none;
    line-height: 58px;
    color: #7a7a7a;
    font-size: 15px;
}


.submit {
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: #0d2c69c9;
    text-transform: uppercase;
}

.fb-btn {
    border: 2px solid #d3dae9;
    color: #8fa1c7;
}
.fb-btn span {
    font-weight: bold;
    color: #455a81;
}

.sign-in {
    transition-timing-function: ease-out;
}
.content.s--signup .sign-in {
    transition-timing-function: ease-in-out;
    transition-duration: 0.6s;
    -webkit-transform: translate3d(640px, 0, 0);
    transform: translate3d(640px, 0, 0);
}

.sign-up {
    -webkit-transform: translate3d(-900px, 0, 0);
    transform: translate3d(-900px, 0, 0);
}
.content.s--signup .sign-up {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

6.2 主界面代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <script type="text/javascript" src="../js/index.js"></script>
    <title>车辆价格评估系统</title>
</head>

<body>
    <div class="top">
        <center>
            <ul id="topUl">
                <!--主页、评估、记录、结果、等界面在这中间-->
                <li><a href="page1.html" target="iframe_page" id="a1" onclick="changeBackgrund(1)">主页</a></li>
            </ul>
        </center>
    </div>
    <div class="mainPage">
        <iframe src="page1.html" name="iframe_page" frameborder="0" id="mainIframe"></iframe>
    </div>
    <div class="footer">
        <p id="bottomText">基于web的二手车价格评估系统设计
        </p>
    </div>
</body>

</html>

6.3 快速评估算法代码

//点击快速评估后执行的计算函数
function assess() {
  var K1, K2, K3, K4, K5;
  //获取制造质量
  var objBrand = document.getElementById("comboboxCarBrand");
  K3 = objBrand.options[objBrand.selectedIndex].value;
  if(0 == K3)
  {
      alert("请选择你的车辆制造质量");
      return;
  }
  //获取上牌时间
  var objYear = document.getElementById("comboboxCarYear");
  if(0 == objYear.options[objYear.selectedIndex].value)
  {
      alert("请选择你的车辆上牌年份");
      return;
  }
  var yearText = objYear.options[objYear.selectedIndex].text;  
  var objMonth = document.getElementById("comboboxCarMonth");
  if(0 == objMonth.options[objMonth.selectedIndex].value)
  {
      alert("请选择你的车辆上牌月份");
      return;
  }
  var monthText = objMonth.options[objMonth.selectedIndex].text;
  var curDat = new Date();
  var difYear = curDat.getFullYear() - Number(yearText);
  var difMonth = curDat.getMonth() - Number(monthText);
  var useredYear = difYear + difMonth / 12.0;
  //获取车辆类型
  var objType = document.getElementById("comboboxCarType");
  K4 = objType.options[objType.selectedIndex].value;
  if(0 == K4)
  {
      alert("请选择你的车辆类型");
      return;
  }
  //获取技术状况
  var objState = document.getElementById("comboboxCarState");
  K1 = objState.options[objState.selectedIndex].value;
  if(0 == K1)
  {
      alert("请选择你的车辆技术状况");
      return;
  }
  //获取维护保养状况
  var objUpkeep = document.getElementById("comboboxCarUpkeep");
  K2 = objUpkeep.options[objUpkeep.selectedIndex].value;
  if(0 == K2)
  {
      alert("请选择你的车辆维护保养状况");
      return;
  }
  //获取使用条件：
  var objCondition = document.getElementById("comboboxCarCondition");
  K5 = objCondition.options[objCondition.selectedIndex].value;
  if(0 == K5)
  {
      alert("请选择你的车辆维护保养状况");
      return;
  }
  //获取购车总价格
  var newCarVal = document.getElementById("inputNewCarVal").value;
  if(newCarVal == 0)
  {
      alert("购车总价不能为空")
      return;
  }
  //计算重置成本
  var wuJiazhiShu = [692.7, 686.5, 669.8, 650.9, 637.5, 627.5, 615.2, 606.7, 594.8, 579.7, 565.0, 536.1, 519.0, 522.7, 493.6, 471.0, 464.0, 455.8, 438.7, 433.5];
  var index = 2021 - Number(yearText);
  var chongZhiChengBen = newCarVal * (wuJiazhiShu[0] / wuJiazhiShu[index]);
  chongZhiChengBen = chongZhiChengBen.toFixed(2);
  //价格评估
  var assessCarValue = chongZhiChengBen * (1 - useredYear / 15.0) * (K1 * 0.3 + K2 * 0.25 + K3 * 0.2 + K4 * 0.15 + K5 * 0.1);
  assessCarValue = assessCarValue.toFixed(2);
  alert("评估结果：" + assessCarValue + "元");
}

七、总结

        其他的代码就没有一一贴出来了哈，有需要了解提问的评论或私聊我。欢迎交流学习哈，我了解的也不多，在网上学习找资料慢慢踏的坑，简单总结整理一下。

        版权：转发转载使用请表面出处

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/109331.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【TypeScript】TS安装与使用

【TypeScript】TS安装与使用

目录 初识TypeScript TypeScript给JS添加类型支持的原因 TypeScript相比JS的优势 TS工具包的安装 TS文件的编译和运行 简化TS的运行步骤 初识TypeScript TypeScript&#xff08;简称&#xff1a;TS&#xff09;是JavaScript的超集&#xff08;JS有的TS都有&#xff09;。…
阅读更多...
Python编程 制作一个超级浪漫的新年倒计时（附源代码）

Python编程 制作一个超级浪漫的新年倒计时（附源代码）

作者简介&#xff1a;一名在校计算机学生、每天分享Python的学习经验、和学习笔记。 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a;网络豆的主页​​​​​​ 目录 前言 一.新年介绍 二.代码介绍 1.应用的技术 &#xff08;1&#xff09;Pyga…
阅读更多...
Java项目：springboot电影推荐网站

Java项目：springboot电影推荐网站

作者主页&#xff1a;源码空间站2022 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文末获取源码 项目介绍 springboot电影推荐网站。本系统采用企业级开发标准&#xff0c;使用SpringBoot架构&#xff0c;数据访问层采用Spring Data Jpa&#xff0c;业…
阅读更多...
工具（二）：Nginx 扩展 OpenResty

工具（二）：Nginx 扩展 OpenResty

OpenResty 介绍OpenResty 原理Nginx 模块Nginx的 lua插载点案例 配置模板nginx.conf通过Lua找到静态文件 — 商品页通过Lua 获取 redis 只返回 — 库存test 其他Demo MysqlOps.luaRedisExtOps.luaredisOps.lua 辅助工具类说明 自动生成静态页FTP 工具 Nginx_有5大优点&#x…
阅读更多...
职场经验：游戏测试的主要工作及主要流程

职场经验：游戏测试的主要工作及主要流程

01 游戏测试主要内容 1、功能测试 功能测试是游戏测试中最常见的模式&#xff0c;主要测试方法为黑盒测试 功能测试主要用来验证功能是否符合需求设计 功能测试主要考虑正确性&#xff0c;而不考虑游戏底层结构及代码错误 功能测试通常从界面着手开始测试&#xff0c;尽量…
阅读更多...
【架构师（第五十一篇）】 服务端开发之技术方案设计

【架构师（第五十一篇）】 服务端开发之技术方案设计

接口设计 把 server 端当做一个黑盒&#xff0c;它将如何与前端通讯&#xff1f; 功能范围 B 端&#xff0c;用户注册&#xff0c;作品管理&#xff0c;模板管理编辑器&#xff0c;单个作品的内容获取&#xff0c;修改&#xff0c;预览和发布 功能拆分 用户信息相关作品管…
阅读更多...
线上牛奶配送

线上牛奶配送

开发工具(eclipse/idea/vscode等)&#xff1a; 数据库(sqlite/mysql/sqlserver等)&#xff1a; 功能模块(请用文字描述&#xff0c;至少200字)&#xff1a; 基于Java的线上牛奶配送系统的设计与实现 风网站前台&#xff1a;网站介绍、联系我们、公告信息、套餐类型、牛奶套餐、…
阅读更多...
Linux-4 文件管理

Linux-4 文件管理

Linux-4 文件管理 文件管理概述 谈到Linux文件管理&#xff0c;首先我们需要了解的是&#xff0c;我们要对文件做些什么事&#xff1f;其实无非就是对一个文件进行创建&#xff0c;复制&#xff0c;移动&#xff0c;查看&#xff0c;编辑&#xff0c;压缩&#xff0c;查找&am…
阅读更多...
自己个人拥有一个可以支付功能的网站？当然可以了！保姆级演示！

自己个人拥有一个可以支付功能的网站？当然可以了！保姆级演示！

文章目录前提条件演示应用申请开通和配置应用创建应用配置代码开发后端实例前端代码实例源码前提条件 这是必要条件&#xff01;&#xff01;&#xff01; 这是必要条件&#xff01;&#xff01;&#xff01; 这是必要条件&#xff01;&#xff01;&#xff01; 开通当面付&am…
阅读更多...
人脸检测和对齐算法MTCNN

人脸检测和对齐算法MTCNN

1. 概述 人脸识别在实际的生活中有着广泛的应用&#xff0c;得益于深度学习的发展&#xff0c;使得人脸识别的准确率得到大幅度提升。然而&#xff0c;为了做好人脸识别&#xff0c;第一步需要做的是对人脸检测&#xff0c;主要是通过对图片分析&#xff0c;定位出图片中的人脸…
阅读更多...
Java项目：springboot网上点餐系统

Java项目：springboot网上点餐系统

作者主页&#xff1a;源码空间站2022 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文末获取源码 功能介绍 SpringBoot在线订餐系统项目。主要功能说明&#xff1a; 分为两个角色&#xff0c;餐厅老板、普通用户 餐厅老板可以登录&#xff0c;注册&…
阅读更多...
质量不错的蓝牙耳机有哪些？2023年值得选购的四款蓝牙耳机

质量不错的蓝牙耳机有哪些？2023年值得选购的四款蓝牙耳机

现如今&#xff0c;蓝牙耳机越多人使用&#xff0c;不同于有线耳机&#xff0c;蓝牙耳机更为方便&#xff0c;没有线束的困扰&#xff0c;走到哪也不用带上手机一起&#xff0c;特别便利。然而&#xff0c;随着蓝牙耳机市场的旷大&#xff0c;各种类型各种样式的耳机五花八门&a…
阅读更多...
C++ 实现并查集结构

C++ 实现并查集结构

前言 并查集一般用于多元素&#xff0c;多集合的查找问题&#xff1b; 听说很有用&#xff0c;但是平时好像确实没有怎么见过。。 leetcode典型例题&#xff1a;岛屿数量 一、原理 其实并查集的每个小集合就是一张有向图&#xff0c;只不过是所有子节点指向父节点的图结构。…
阅读更多...
认证鉴权对于 API 网关的重要性

认证鉴权对于 API 网关的重要性

认证鉴权作为 API 网关不可或缺的能力&#xff0c;已然成为用户在选型 API 网关时考量的重要因素之一。 作者钱勇&#xff0c;API7.ai 开发工程师&#xff0c;Apache APISIX Committer 在当下云原生越发成熟的环境下&#xff0c;API 网关最核心的功能可以概括为&#xff1a;连接…
阅读更多...
高品质蓝牙耳机排行榜，值得入手的四款蓝牙耳机分享

高品质蓝牙耳机排行榜，值得入手的四款蓝牙耳机分享

2023年即将到来&#xff0c;还有哪些蓝牙耳机值得大家购买呢&#xff1f;蓝牙耳机在我们日常生活中发挥着很大作用。无论是听歌还是通话&#xff0c;又或者是运动健身、玩游戏等&#xff0c;都常见大家使用。同样也伴随着蓝牙耳机市场的壮大&#xff0c;五花八门的耳机层出不穷…
阅读更多...
【C语言进阶】进来抄作业，完善你的通讯录（软工期末大作业可用）

【C语言进阶】进来抄作业，完善你的通讯录（软工期末大作业可用）

目录 &#x1f970;前言&#x1f970;&#xff1a; 一、输入合法性检测&#x1f920;&#xff1a; ①.对“ 联系方式 ”的合法性检测&#xff1a; ②.对“年龄”进行合法性检测&#xff1a; 二、字典排序&#x1f911;&#xff1a; 三、反馈优化&#x1f92f;&#xff1a; …
阅读更多...
Python 圣诞树代码

Python 圣诞树代码

一、前言 1.本章将会讲解Python编程 实现圣诞树效果&#xff01; 2.圣诞节介绍 基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节&#xff0c;天主教亦称耶稣圣诞瞻礼。耶稣诞生的日期&#xff0c;《圣经》并无记载。公元336年罗马教会开始在12月25日过此节。12月25日…
阅读更多...
现在转行计算机如49年入国军？

现在转行计算机如49年入国军？

阿里&#xff0c;腾讯等互联网大厂最近不太安宁&#xff0c;裁员消息频出&#xff0c;无风不起浪&#xff0c;裁员年年有&#xff0c;今年特别多。于是不少打算入行或者已经入行计算机的同学开始担忧&#xff0c;如今入行计算机&#xff0c;怎么有点49年入国军的赶脚&#xff1…
阅读更多...
Android面试题及答案整理（2023最新版）持续更新中......

Android面试题及答案整理（2023最新版）持续更新中......

倒霉的时候总会想起福祸相依&#xff0c;但你会发现倒霉起来没完没了&#xff0c;就是看不到传说中的“福” 年初被裁了&#xff0c;我会安慰自己&#xff0c;此处不留爷自有留爷处&#xff0c;然后踏入找工作的行列&#xff1b;没有面试邀请&#xff0c;我会告诉自己&#xf…
阅读更多...
倒在转“码”路上的文科生，文科生也能转行做IT吗？

倒在转“码”路上的文科生，文科生也能转行做IT吗？

近期&#xff0c;一篇《倒在转“码”路上的文科生》火了。 这也让关于“文科转码”的话题引起了一番热度&#xff0c;由于大环境不佳&#xff0c;使得毕业生就业成为了一个难度&#xff0c;其中文科生相较而言&#xff0c;选择更少&#xff0c;因此&#xff0c;让不少学子有了…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023