第一篇【传奇开心果系列】WeUI开发原生微信小程序:汽车租赁小程序示例

传奇开心果博文系列目录

  • WeUI开发原生微信小程序示例系列博文目录
    • 博文目录
      • 一、项目目标
      • 二、编程思路
      • 三、初步实现汽车租赁微信小程序示例代码
      • 四、实现汽车租赁微信小程序的登录注册示例代码
      • 五、实现汽车租赁微信小程序的订单管理示例代码
      • 六、整合实现比较完整的汽车租赁微信小程序示例代码
      • 七、归纳总结知识点

WeUI开发原生微信小程序示例系列博文目录

博文目录

一、项目目标

在这里插入图片描述
在这里插入图片描述使用WeUI和微信小程序开发者工具开发汽车租赁原生微信小程序:提供车辆展示、预订、租赁服务等功能,可以用于汽车租赁公司、共享汽车平台等

二、编程思路

当使用WeUI开发原生汽车租赁微信小程序时,你可以按照以下步骤进行:

  1. 创建项目:在微信开发者工具中创建一个新的小程序项目,并选择使用WeUI框架。

  2. 导入WeUI:将WeUI的相关文件导入到你的项目中。你可以从WeUI的官方网站(https://weui.io/)下载WeUI的源代码,然后将其放置在你的项目目录中。

  3. 构建页面:根据你的汽车租赁系统的需求,设计和构建相应的页面。你可以使用WeUI提供的组件和样式来创建各种界面元素,如按钮、表单、卡片等。

  4. 数据交互:使用微信小程序的API和WeUI的组件,实现与后端服务器的数据交互。你可以通过发送HTTP请求获取汽车租赁信息、提交订单等。

  5. 页面导航:根据你的系统设计,使用WeUI提供的导航组件(如导航栏、标签页)来实现页面之间的切换和导航。

  6. 表单验证:使用WeUI提供的表单组件和验证规则,对用户输入的数据进行验证,确保数据的完整性和准确性。

  7. 页面布局:使用WeUI的栅格系统和布局组件,创建页面的结构和布局,使界面看起来更加美观和一致。

  8. 样式定制:根据你的品牌和设计需求,对WeUI的样式进行定制,使其与你的汽车租赁系统的整体风格一致。

  9. 测试和调试:在开发过程中,使用微信开发者工具进行实时预览和调试,确保系统的功能和界面正常运行。

  10. 发布上线:完成开发和测试后,使用微信开发者工具进行打包和上传,将你的汽车租赁系统微信小程序发布到线上供用户使用。

以上是使用WeUI开发汽车租赁系统微信小程序的一般步骤。具体的实现细节和功能根据你的需求而定,可以根据WeUI的文档和示例进行开发。

三、初步实现汽车租赁微信小程序示例代码

在这里插入图片描述以下是一个简单的示例代码,展示了如何使用WeUI开发一个汽车租赁系统微信小程序的页面:

<!-- index.wxml -->
<view class="container">
  <view class="page-title">汽车租赁系统</view>
  <view class="car-list">
    <block wx:for="{{carList}}" wx:key="index">
      <view class="car-item">
        <image class="car-image" src="{{item.image}}"></image>
        <view class="car-name">{{item.name}}</view>
        <view class="car-price">租金:{{item.price}}元/天</view>
        <button class="rent-button" bindtap="rentCar">立即租车</button>
      </view>
    </block>
  </view>
</view>
/* index.wxss */
.container {
  padding: 20rpx;
}

.page-title {
  font-size: 24rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

.car-list {
  display: flex;
  flex-wrap: wrap;
}

.car-item {
  width: 45%;
  margin-bottom: 20rpx;
  padding: 10rpx;
  background-color: #f8f8f8;
  border-radius: 8rpx;
}

.car-image {
  width: 100%;
  height: 150rpx;
  border-radius: 8rpx;
}

.car-name {
  font-size: 16rpx;
  margin-top: 10rpx;
}

.car-price {
  font-size: 14rpx;
  color: #999999;
  margin-top: 5rpx;
}

.rent-button {
  width: 100%;
  height: 40rpx;
  background-color: #007aff;
  color: #ffffff;
  border-radius: 4rpx;
  margin-top: 10rpx;
}
// index.js
Page({
  data: {
    carList: [
      {
        name: "奔驰C200",
        price: 800,
        image: "/images/car1.jpg"
      },
      {
        name: "宝马X5",
        price: 1000,
        image: "/images/car2.jpg"
      },
      {
        name: "奥迪A6",
        price: 900,
        image: "/images/car3.jpg"
      }
    ]
  },
  
  rentCar: function(event) {
    var carName = event.currentTarget.dataset.name;
    // 在这里编写租车的逻辑
    console.log("租车:" + carName);
  }
})

在这个示例中,我们展示了一个汽车租赁系统的首页页面。页面包含一个标题、一个汽车列表以及每个汽车项包括汽车图片、名称、租金和租车按钮。使用WeUI提供的样式,我们设置了页面的布局和样式。

在JavaScript代码中,我们定义了一个名为carList的数据,其中包含了三个汽车的信息。在rentCar函数中,我们通过点击租车按钮获取到被点击的汽车名称,并在控制台打印出来。你可以在这个函数中添加实际的租车逻辑,比如向后端发送请求提交订单等。

请注意,这只是一个简单的示例代码,实际开发中需要根据你的具体需求进行扩展和完善。同时,你还需要创建其他页面和实现其他功能,比如用户登录、订单管理等。

四、实现汽车租赁微信小程序的登录注册示例代码

在这里插入图片描述以下是一个示例代码,展示了如何使用WeUI开发一个汽车租赁微信小程序的用户登录和注册功能的页面:

<!-- login.wxml -->
<view class="container">
  <view class="page-title">用户登录</view>
  <view class="form-group">
    <view class="form-label">手机号</view>
    <input class="form-input" type="number" placeholder="请输入手机号" bindinput="inputPhoneNumber" />
  </view>
  <view class="form-group">
    <view class="form-label">密码</view>
    <input class="form-input" type="password" placeholder="请输入密码" bindinput="inputPassword" />
  </view>
  <button class="login-button" bindtap="login">登录</button>
  <view class="register-link" bindtap="goToRegister">没有账号?去注册</view>
</view>
<!-- register.wxml -->
<view class="container">
  <view class="page-title">用户注册</view>
  <view class="form-group">
    <view class="form-label">手机号</view>
    <input class="form-input" type="number" placeholder="请输入手机号" bindinput="inputPhoneNumber" />
  </view>
  <view class="form-group">
    <view class="form-label">密码</view>
    <input class="form-input" type="password" placeholder="请输入密码" bindinput="inputPassword" />
  </view>
  <button class="register-button" bindtap="register">注册</button>
  <view class="login-link" bindtap="goToLogin">已有账号?去登录</view>
</view>
/* login.wxss 和 register.wxss 共用样式 */
.container {
  padding: 20rpx;
}

.page-title {
  font-size: 24rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

.form-group {
  margin-bottom: 20rpx;
}

.form-label {
  font-size: 16rpx;
  margin-bottom: 10rpx;
}

.form-input {
  width: 100%;
  height: 40rpx;
  padding: 0 10rpx;
  border: 1rpx solid #999999;
  border-radius: 4rpx;
}

.login-button,
.register-button {
  width: 100%;
  height: 40rpx;
  background-color: #007aff;
  color: #ffffff;
  border-radius: 4rpx;
  margin-top: 20rpx;
}

.register-link,
.login-link {
  font-size: 14rpx;
  color: #007aff;
  text-align: center;
  margin-top: 10rpx;
}
// login.js
Page({
  data: {
    phoneNumber: '',
    password: ''
  },
  
  inputPhoneNumber: function(event) {
    this.setData({
      phoneNumber: event.detail.value
    });
  },
  
  inputPassword: function(event) {
    this.setData({
      password: event.detail.value
    });
  },
  
  login: function() {
    var phoneNumber = this.data.phoneNumber;
    var password = this.data.password;
    
    // 在这里编写登录逻辑,比如向后端发送请求验证登录信息
    
    // 假设登录成功,跳转到首页
    wx.switchTab({
      url: '/pages/index/index'
    });
  },
  
  goToRegister: function() {
    wx.navigateTo({
      url: '/pages/register/register'
    });
  }
});
// register.js
Page({
  data: {
    phoneNumber: '',
    password: ''
  },
  
  inputPhoneNumber: function(event) {
    this.setData({
      phoneNumber: event.detail.value
    });
  },
  
  inputPassword: function(event) {
    this.setData({
      password: event.detail.value
    });
  },
  
  register: function() {
    var phoneNumber = this.data.phoneNumber;
    var password = this.data.password;
    
    // 在这里编写注册逻辑,比如向后端发送请求创建新用户
    
    // 假设注册成功后,跳转到登录页面
    wx.navigateTo({
      url: '/pages/login/login'
    });
  },
  
  goToLogin: function() {
    wx.navigateTo({
      url: '/pages/login/login'
    });
  }
});

在这个示例中,我们展示了两个页面:登录页面和注册页面。每个页面都包含一个标题、表单组件和相应的按钮和链接。使用WeUI提供的样式,我们设置了页面的布局和样式。

在JavaScript代码中,我们使用data对象来保存用户输入的手机号和密码。在登录和注册函数中,我们可以编写实际的登录和注册逻辑,比如向后端发送请求验证登录信息或创建新用户。在示例中,我们假设登录和注册都成功,并在登录成功后跳转到首页或在注册成功后跳转到登录页面。

请注意,这只是一个简单的示例代码,实际开发中需要根据你的具体需求进行扩展和完善,比如添加表单验证、用户信息存储等。同时,你还需要处理用户登录状态的管理和其他相关功能,比如密码重置、退出登录等。

五、实现汽车租赁微信小程序的订单管理示例代码

在这里插入图片描述下面是一个示例代码,展示了如何使用WeUI开发一个汽车租赁微信小程序的订单管理页面:

<!-- order-list.wxml -->
<view class="container">
  <view class="page-title">订单管理</view>
  <view class="order-list">
    <view wx:for="{{ orders }}" wx:key="index" class="order-item">
      <view class="order-info">
        <view class="order-title">{{ item.carName }}</view>
        <view class="order-time">{{ item.rentalTime }}</view>
      </view>
      <view class="order-status">{{ item.status }}</view>
    </view>
  </view>
</view>
/* order-list.wxss */
.container {
  padding: 20rpx;
}

.page-title {
  font-size: 24rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

.order-list {
  margin-top: 20rpx;
}

.order-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10rpx;
  border: 1rpx solid #cccccc;
  border-radius: 4rpx;
  margin-bottom: 10rpx;
}

.order-info {
  flex: 1;
}

.order-title {
  font-size: 16rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}

.order-time {
  font-size: 14rpx;
  color: #999999;
}

.order-status {
  font-size: 14rpx;
  color: #007aff;
}
// order-list.js
Page({
  data: {
    orders: [
      {
        carName: '奥迪A6',
        rentalTime: '2024-01-20 10:00',
        status: '已完成'
      },
      {
        carName: '宝马X5',
        rentalTime: '2024-01-21 14:30',
        status: '待取车'
      },
      {
        carName: '奔驰C200',
        rentalTime: '2024-01-22 09:15',
        status: '待还车'
      }
    ]
  }
});

在这个示例中,我们展示了一个订单管理页面,用于显示用户的租车订单信息。在data对象中,我们定义了一个orders数组,其中包含了三个订单的信息,包括车辆名称、租车时间和订单状态。

在页面的wxml部分,我们使用wx:for指令遍历orders数组,并使用class属性设置样式。每个订单项都包含了车辆信息和订单状态。

在wxss部分,我们设置了页面的布局和样式,包括容器的边距、标题的样式、订单列表和订单项的样式。

在JavaScript代码中,我们在data对象中定义了orders数组,并在onLoad函数中初始化了订单数据。在实际开发中,你可以根据需要从后端获取订单数据,并在orders数组中动态更新。

请注意,这只是一个简单的示例代码,实际开发中你可能需要与后端进行交互,根据用户的操作更新订单状态、处理取消订单等功能。同时,你还可以根据需求扩展和完善订单管理页面,比如添加筛选、搜索、订单详情等功能。

六、整合实现比较完整的汽车租赁微信小程序示例代码

在这里插入图片描述下面是一个整合了登录、注册和订单管理功能的比较完整的汽车租赁微信小程序示例代码:

<!-- app.wxml -->
<view class="container">
  <view wx:if="{{ !loggedIn }}" class="page-title">用户登录</view>
  <view wx:if="{{ loggedIn }}" class="page-title">订单管理</view>
  
  <view wx:if="{{ !loggedIn }}" class="form-group">
    <view class="form-label">手机号</view>
    <input class="form-input" type="number" placeholder="请输入手机号" bindinput="inputPhoneNumber" />
  </view>
  
  <view wx:if="{{ !loggedIn }}" class="form-group">
    <view class="form-label">密码</view>
    <input class="form-input" type="password" placeholder="请输入密码" bindinput="inputPassword" />
  </view>
  
  <button wx:if="{{ !loggedIn }}" class="login-button" bindtap="login">登录</button>
  <button wx:if="{{ loggedIn }}" class="logout-button" bindtap="logout">退出登录</button>
  
  <view wx:if="{{ loggedIn }}" class="order-list">
    <view wx:for="{{ orders }}" wx:key="index" class="order-item">
      <view class="order-info">
        <view class="order-title">{{ item.carName }}</view>
        <view class="order-time">{{ item.rentalTime }}</view>
      </view>
      <view class="order-status">{{ item.status }}</view>
    </view>
  </view>
</view>
/* app.wxss */
.container {
  padding: 20rpx;
}

.page-title {
  font-size: 24rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

.form-group {
  margin-bottom: 20rpx;
}

.form-label {
  font-size: 16rpx;
  margin-bottom: 10rpx;
}

.form-input {
  width: 100%;
  height: 40rpx;
  padding: 0 10rpx;
  border: 1rpx solid #999999;
  border-radius: 4rpx;
}

.login-button,
.logout-button {
  width: 100%;
  height: 40rpx;
  background-color: #007aff;
  color: #ffffff;
  border-radius: 4rpx;
  margin-top: 20rpx;
}

.order-list {
  margin-top: 20rpx;
}

.order-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10rpx;
  border: 1rpx solid #cccccc;
  border-radius: 4rpx;
  margin-bottom: 10rpx;
}

.order-info {
  flex: 1;
}

.order-title {
  font-size: 16rpx;
  font-weight: bold;
  margin-bottom: 5rpx;
}

.order-time {
  font-size: 14rpx;
  color: #999999;
}

.order-status {
  font-size: 14rpx;
  color: #007aff;
}
// app.js
App({
  globalData: {
    loggedIn: false,
    phoneNumber: '',
    password: '',
    orders: [
      {
        carName: '奥迪A6',
        rentalTime: '2024-01-20 10:00',
        status: '已完成'
      },
      {
        carName: '宝马X5',
        rentalTime: '2024-01-21 14:30',
        status: '待取车'
      },
      {
        carName: '奔驰C200',
        rentalTime: '2024-01-22 09:15',
        status: '待还车'
      }
    ]
  },

  inputPhoneNumber: function(event) {
    this.globalData.phoneNumber = event.detail.value;
  },

  inputPassword: function(event) {
    this.globalData.password = event.detail.value;
  },

  login: function() {
    var phoneNumber = this.globalData.phoneNumber;
    var password = this.globalData.password;

    // 在这里编写登录逻辑,比如向后端发送请求验证登录信息

    // 假设登录成功
    this.globalData.loggedIn = true;
    wx.showToast({
      title: '登录成功',
      icon: 'success'
    });
  },

  logout: function() {
    this.globalData.loggedIn = false;
    wx.showToast({
      title: '退出登录',
      icon: 'success'
    });
  }
});

在这个示例中,我们使用了一个全局的App对象来管理登录状态和订单数据。在globalData中,我们定义了loggedIn表示用户是否已登录,phoneNumber表示用户输入的手机号,password表示用户输入的密码,以及orders数组表示订单数据。

在wxml部分,我们根据用户的登录状态显示不同的标题、表单和按钮。如果用户未登录,则显示登录表单和登录按钮;如果用户已登录,则显示订单列表和退出登录按钮。

在wxss部分,我们设置了页面的布局和样式,包括容器的边距、标题的样式、表单和按钮的样式,以及订单列表和订单项的样式。

在JavaScript代码中,我们在App对象的globalData中定义了登录和订单数据,并在inputPhoneNumberinputPassword函数中更新用户输入的手机号和密码。在login函数中,我们可以编写实际的登录逻辑,比如向后端发送请求验证登录信息。在示例中,我们假设登录成功,并通过设置loggedIntrue来更新登录状态。在logout函数中,我们将loggedIn设置为false来退出登录。

请注意,这只是一个简单的示例代码,实际开发中你可能需要与后端进行交互,根据用户的操作更新登录状态和订单数据,处理取消订单、创建订单等功能。同时,你可以根据需求扩展和完善其他功能,比如注册、密码重置、订单详情等。

七、归纳总结知识点

在这里插入图片描述在这个示例代码中,涉及到了以下几个主要的知识点:

  1. 微信小程序的页面结构和布局:通过使用wxml文件定义页面的结构,使用wxss文件定义页面的样式,可以实现页面的布局和美化。

  2. 全局数据的管理:通过App对象的globalData属性,可以在不同的页面和组件之间共享数据。这个示例中使用globalData来管理登录状态和订单数据。

  3. 用户输入的处理:通过使用bindinput事件和相应的处理函数,可以获取用户输入的内容,并进行相应的处理。这个示例中使用inputPhoneNumberinputPassword函数来获取用户输入的手机号和密码。

  4. 登录和退出登录的逻辑:通过编写相应的登录和退出登录函数,可以实现用户的登录和退出登录功能。这个示例中使用loginlogout函数来模拟登录和退出登录的过程。

  5. 页面内容的动态展示:通过使用条件渲染和列表渲染,可以根据不同的条件和数据动态展示页面的内容。这个示例中根据用户的登录状态和订单数据动态展示不同的内容。

  6. 页面样式的设置:通过使用wxss文件设置样式,可以美化页面的外观。这个示例中使用wxss文件设置了标题、表单、按钮和订单列表的样式。

这些知识点是开发微信小程序中常见的基础知识,理解和掌握它们可以帮助你开发出功能完善、界面美观的微信小程序应用。当然,在实际开发中还会涉及到其他更多的知识点和技术,例如网络请求、数据存储、页面跳转等,你可以根据具体的需求进一步学习和应用。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

css绘制下拉框头部三角(分实心/空心)

1:需求图: 手绘下拉框 带三角 2:网上查了一些例子,但都是实心的, 可参考,如图: (原链接: https://blog.csdn.net/qq_33463449/article/details/113375804) 3:简洁版的: a: 实心: <view class"angle"/>.angle{width:0;height:0;border-left: 10px solid t…

[晓理紫]每日论文分享(有中文摘要,源码或项目地址)--机器人相关、强化学习

专属领域论文订阅 VX 扫吗关注{晓理紫|小李子}&#xff0c;每日更新论文&#xff0c;如感兴趣&#xff0c;请转发给有需要的同学&#xff0c;谢谢支持 分类: 大语言模型LLM视觉模型VLM扩散模型视觉导航具身智能&#xff0c;机器人强化学习开放词汇&#xff0c;检测分割 [晓理紫…

K8s(七)四层代理Service

Service概述 Service在Kubernetes中提供了一种抽象的方式来公开应用程序的网络访问&#xff0c;并提供了负载均衡和服务发现等功能&#xff0c;使得应用程序在集群内外都能够可靠地进行访问。 每个Service都会自动关联一个对应的Endpoint。当创建一个Service时&#xff0c;Ku…

JS-日期对象

日期对象&#xff1a;用来表示时间的对象 作用&#xff1a;可以得到当前系统时间 实例化 在代码中发现了new关键字时&#xff0c;一般将这个操作称为实例化 创建一个时间对象并获取时间 1&#xff09;获得当前时间 const datenew Date() 2)获得指定时间 const datenew D…

Python项目——计算器(PySide6+Pyinstaller)

1、介绍 使用python编写一个计算器&#xff0c;可以实现基本的运算。【注】该项目最终还有一些细小的bug没有完善&#xff0c;例如符号可以一直输入。 2、实现 使用pyCharm创建一个新的项目。 2.1、设计UI 使用Qt designer设计一个UI界面&#xff0c;保存ui文件&#xff0…

基于docker,k8s 搭建服务(单体docker-compose编排)

1、 yum -y install gcc yum -y instacc gcc-c 2、安装yum 工具 yum install -y yum-utils device-mapper-persistent-data lvm2 --skip-broken 3、设置docker镜像仓库 阿里云 yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.…

四种方法将 Docker Registry 迁移至 Harbor

Registry Docker Distribution Docker Distribution 是第一个是实现了打包、发布、存储和镜像分发的工具&#xff0c;起到 docker registry 的作用。&#xff08;目前 Distribution 已经捐赠给了 CNCF&#xff09;。其中 Docker Distribution 中的 spec 规范后来也就成为了 O…

Leetcode 2788. 按分隔符拆分字符串

我们可以先自己模拟一下分隔字符串的过程。如果只是简单的&#xff0c;遇到分隔符&#xff0c;将分隔符前后的子串加入结果的List&#xff0c;那么很显然并没有考虑到一个String中有多个字符串的情况。一种比较容易想到的方法是&#xff1a; 先对List中每个字符串遍历&#xf…

HBase节点故障的容错方案

HBase节点故障的容错方案 1. Master高可用1.1 选主和HA切换逻辑 2. RS高可用2.1 感知RS节点异常2.2 异常DN上的数据处理 4. 疑问和思考5. 参考文档 本文主要探讨hbase集群的高可用容错方案和容错能力的探讨。涉及Master和RS相关组件&#xff0c;在出现单机故障时相关的容错方案…

Node.js Stream.pipeline() Method

Why Stream.pipeline 通过流我们可以将一大块数据拆分为一小部分一点一点的流动起来&#xff0c;而无需一次性全部读入&#xff0c;在 Linux 下我们可以通过 | 符号实现&#xff0c;类似的在 Nodejs 的 Stream 模块中同样也为我们提供了 pipe() 方法来实现。 未使用 Stream p…

实时云渲染服务:流式传输 VR 和 AR 内容

想象一下无需专用的物理计算机&#xff0c;甚至无需实物连接&#xff0c;就能获得高质量的 AR/VR 体验是种什么样的体验&#xff1f; 过去&#xff0c;与 VR 交互需要专用的高端工作站&#xff0c;并且根据头显、壁挂式传感器和专用的物理空间。VR 中的复杂任务会突破传感器范…

快速傅里叶变化检测轻微划痕

像这种轻微划痕,普通算法鲁棒性差,通用性也不是很好,通过一些特殊处理,基本上可以满足客户需求. 图像处理,检测无非这个几个步骤. 预处理----分割----筛选—满足设定条件NG read_image (Image, ‘轻微划痕.bmp’) dev_close_window() get_image_size(Image, Width, Height) dev…

Chatgpt+Comfyui绘图源码线上部署文档

源码仓库&#xff1a; https://gitee.com/BTYY/wailikeji-chatgpt 其他文档地址&#xff1a; ChatgptComfyui绘图源码运营文档 ChatgptComfyui绘图源码说明及本地部署文档 一、云服务器购买 &#xff08;一&#xff09;购买云服务 有两种部署方案&#xff0c;不同方案对服务…

【MongoDB】下载安装、指令操作

目录 1.下载安装 2.指令 2.1.基础操作指令 2.2.增加 2.3.查询 2.4.修改 2.5.删除 前言&#xff1a; 关于MongoDB的核心概念请移步&#xff1a; 【文档数据库】ES和MongoDB的对比-CSDN博客 1.下载安装 本文以安装Windows版本的mongodb为例&#xff0c;Linux版本的其实…

IP劫持的危害分析及应对策略

在当今数字化时代&#xff0c;网络安全问题备受关注&#xff0c;其中IP劫持是一种常见而危险的威胁。本文将深入探讨IP劫持的危害&#xff0c;并提供一些有效的应对策略。 第一部分&#xff1a;IP劫持的定义 IP劫持是指黑客通过各种手段获取并篡改目标IP地址的控制权&#xf…

如何在地图资源下载工具中下载和共享自定义资源

在获取GIS或遥感资源时&#xff0c;有时候可能会有一些您自己的下载资源&#xff01;您也可以在地图资源下载工具增加这些下载资源&#xff01;这样既可以方便以后下载&#xff0c;也可以与其它人分享下载资源&#xff01; 设置方式如下&#xff1a; 下载方式如下&#xff1a;…

【汇编】 13.3 对int iret和栈的深入理解

书中示例 assume cs:codecode segment start:mov ax,csmov ds,axmov si,offset lpmov ax,0mov es,axmov di,200hmov cx,offset end0-offset lpcldrep movsb ;lp到end0的指令传送到0:200处mov ax,0mov es,axmov word ptr es:[7ch*4],200hmov word ptr es:[7ch*42],0 ;设置7c表项…

NeRF - 神经辐射场 原理分析与解释

标题&#xff1a;NeRF&#xff1a;Representing Scenes as Neural Radiance Fields for View Synthesis 顾名思义&#xff1a;通过NeRF 神经辐射场合成新视角来表达场景 这是一篇来源于伯克利大学的论文研究 摘要 论文提出了一种方法&#xff0c;可以通过优化一个连续体积场…

力扣每日一题---1547. 切棍子的最小成本

//当我们将棍子分段之后&#xff0c;我们是不是想到了怎么组合这些棍子 //并且这些棍子有一个性质就是只能与相邻的进行组合 //暴力搜索的话复杂度很高 //在思考暴力搜索的时候&#xff0c;我们发现一个规律 //比如棍子长度1 2 1 1 2 //那么与最后一个2组合的棍子有&#xff0c…

「绝世唐门」七怪一死六伤,98级玄子饕餮真身,伊莱克斯宣布神位

Hello,小伙伴们&#xff0c;我是拾荒君。 《斗罗大陆Ⅱ绝世唐门》第32期超前爆料&#xff0c;据透露史莱克监察团深入邪魂师的老巢&#xff0c;发现许多城中的百姓遭到残忍的毒手。为了对抗这些残忍的邪魂师&#xff0c;史莱克监察团成员纷纷发动武魂&#xff0c;展现出强大的…