react-问卷星项目（7）

news2024/10/6 16:15:05

实战

React表单组件

入门

重点在于change的时候改变state的值，类似vue的双向数据绑定v-model，即数据更新的时候页面同步更新，页面数据更新时数据源也能获得最新的值，只是Vue中设置在data中的属性默认绑定，React中需要state触发页面更新

使用原先较多测试组件的项目写基础

input组件

import React, { useState, ChangeEvent } from "react";
// 上下两种引入方式都可以
// import type { ChangeEvent } from "react";

function App() {
  const [text, setText] = useState<string>("hello");
  function handleChange(event: ChangeEvent<HTMLInputElement>) {
    // event.target.value就是当前input的值
    setText(event.target.value);
  }

  return (
    <div>
      <input defaultValue={text} onChange={handleChange} />
      <button onClick={() => console.log(text)}>打印</button>
    </div>
  );
}

export default App;
  • 受控组件：值同步到state，使用value属性，可获可控
  • 非受控组件：值不同步到state，使用defaultValue属性，能够设置默认值，但是无法获得更改后最新的数值
  • React推荐使用受控组件，看似繁琐（没有规律），但更加可控（有规律，可读）

textarea组件

function App() {
  const [text, setText] = useState<string>("hello");
  function handleChange(event: ChangeEvent<HTMLTextAreaElement>) {
    // event.target.value就是当前input的值
    setText(event.target.value);
  }

  function genHtml() {
    return { __html: text.replaceAll("\n", "<br>") };
  }

  return (
    <div>
      {/* <input defaultValue={text} onChange={handleChange} /> */}
      <textarea value={text} onChange={handleChange}></textarea>
      {/* {text.replaceAll("\n", "<br>")} */}
      {/* 上面这个方法中为了防止XSS注入，React会将br换成明文展示在页面而不是换行，可以通过下列方式解决 */}
      <p dangerouslySetInnerHTML={genHtml()}></p>
    </div>
  );
}

export default App;

radio单选框

function App() {
  const [gender, setGender] = useState("male");
  function handleChange(event: ChangeEvent<HTMLInputElement>) {
    // event.target.value就是当前input的值
    setGender(event.target.value);
  }

  return (
    <div>
      <label htmlFor="radio1">男</label>
      <input
        type="radio"
        id="radio1"
        name="gender"
        value="male"
        checked={gender == "male"}
        onChange={handleChange}
      />
      <label htmlFor="radio2">女</label>
      <input
        type="radio"
        id="radio2"
        name="gender"
        value="female"
        checked={gender === "female"}
        onChange={handleChange}
      />
      <button onClick={() => console.log(gender)}>打印</button>
    </div>
  );
}

export default App;

checkbox复选

function App() {
  const [selectedList, setSelectedList] = useState<string[]>([]);

  function handleCityChange(event: ChangeEvent<HTMLInputElement>) {
    // event.target.value就是当前input的值
    const city = event.target.value;
    if (selectedList.includes(city)) {
      setSelectedList(
        selectedList.filter((c) => {
          if (c == city) return false;
          return true;
        }),
      );
    } else {
      // 添加
      setSelectedList(selectedList.concat(city));
    }
  }

  return (
    <>
      {/* htmlFor 点击的时候也会触发切换 */}
      <label htmlFor="checkbox1">北京</label>
      <input
        type="checkbox"
        id="checkbox1"
        value="beijing"
        checked={selectedList.includes("beijing")}
        onChange={handleCityChange}
      />
      <label htmlFor="checkbox2">上海</label>
      <input
        type="checkbox"
        id="checkbox2"
        value="shanghai"
        checked={selectedList.includes("shanghai")}
        onChange={handleCityChange}
      />
      <label htmlFor="checkbox3">深圳</label>
      <input
        type="checkbox"
        id="checkbox3"
        value="shenzhen"
        checked={selectedList.includes("shenzhen")}
        onChange={handleCityChange}
      />
      {/* 方便表单获取和提交 */}
      <input
        type="hidden"
        name="cityInput"
        value={JSON.stringify(selectedList)}
      />
    </>
  );
}

export default App;

select下拉框

function App() {
  const [lang, setLang] = useState("js");

  function handleChange(event: ChangeEvent<HTMLSelectElement>) {
    // event.target.value就是当前input的值
    setLang(event.target.value);
  }

  return (
    <>
      {/* 不设置state的话选择了没反应 */}
      <select value={lang} onChange={handleChange}>
        <option value="java">Java</option>
        <option value="C++">C++</option>
        <option value="python">Python</option>
      </select>
    </>
  );
}

form表单组件

function App() {
  function handleSubmit(event: ChangeEvent<HTMLFormElement>) {
    event.preventDefault(); // 阻止默认行为，即不会提交到action
    // 可以自行处理提交的逻辑
  }

  return (
    <>
      {/* 点击提交后会将相应的数据发送到action中填写的接口。提交的就是name和value */}
      {/* 没有name，没有value的话会导致提交无法识别 */}
      {/* 隐藏input（type:hidden）的价值就在于可以把想要提交的数据偷偷提交上去 */}
      {/* onSubmit提交前调用的钩子函数，可以阻止默认行为，不然点击就直接提交了 */}
      <form action="/api/post" onSubmit={handleSubmit}>
        <input />
        <br />
        <textarea />
        <input type="hidden" />
        <button type="submit">提交</button>
      </form>
    </>
  );
}

Ant Design 实现

为什么地址要添加参数，避免刷新的时候搜索数据丢失，不保存的话一刷新页面内容就重置了，保存了之后就算是刷新，由于地址附有参数，刷新时地址不会改变，所以仍能展示出搜索后的数据

同时也是为了避免组件之间的耦合，最好不要一搜索就更新列表组件或者一分页就更新列表组件，而是通过一个更加公共的比如地址栏进行搜索或者分页信息的传递，也能避免刷新后数据无法保存，比如搜索栏一刷新原来的搜索词就没有了，但是可以通过从路径获取参数来达到“保存”的效果

新建constants文件夹，其中设置index.tsx文件保存常用变量，跟router中导出常用变量类似

// 存储所有的常量
export const LIST_SEARCH_PARAM_KEY = "keyword";
搜索栏组件

ListSearch.tsx

import React, { FC, useEffect, useState } from "react";
import { Input } from "antd";
import type { ChangeEvent } from "react";
import { useNavigate, useLocation, useSearchParams } from "react-router-dom";
import { LIST_SEARCH_PARAM_KEY } from "../constants";

const { Search } = Input;

const ListSearch: FC = () => {
  const [val, setVal] = useState("");
  const nav = useNavigate();
  const { pathname } = useLocation();

  function handleChange(event: ChangeEvent<HTMLInputElement>) {
    setVal(event.target.value);
  }
  function handleSearch(value: string) {
    // 跳转页面增加URL参数
    nav({
      pathname,
      search: `${LIST_SEARCH_PARAM_KEY}=${value}`,
    });
  }
  // 获取url参数，并设置到input value
  const [searchParams] = useSearchParams();
  useEffect(() => {
    // 每当searchParams有变化就执行函数
    // serchParams用来获得上面nav中设置的参数
    const newVal = searchParams.get(LIST_SEARCH_PARAM_KEY) || "";
    setVal(newVal);
  }, [searchParams]);
  return (
    <Search
      allowClear
      placeholder="请输入关键字"
      value={val}
      onChange={handleChange}
      onSearch={handleSearch}
      style={{ width: "260px" }}
    />
  );
};
export default ListSearch;

开发注册页

Register.module.scss

.contain{
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
  // background-image: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%);
}

Register.tsx

import React, { FC } from "react";
import { Typography, Space, Form, Input, Button } from "antd";
import { UserAddOutlined } from "@ant-design/icons";
import styled from "./Register.module.scss";
import { Link } from "react-router-dom";
import { LOGIN_PATHNAME } from "../router";

const { Title } = Typography;

const Register: FC = () => {
  // any表示任意类型都可
  const onFinish = (values: any) => {
    console.log(values);
  };

  return (
    <div className={styled.contain}>
      <div>
        <Space>
          <Title level={2}>
            <UserAddOutlined />
          </Title>
          <Title level={2}>注册新用户</Title>
        </Space>
      </div>
      <div>
        <Form
          labelCol={{ span: 6 }}
          wrapperCol={{ span: 16 }}
          onFinish={onFinish}
        >
          <Form.Item label="用户名" name="userName">
            <Input />
          </Form.Item>
          <Form.Item label="密码" name="passWord">
            <Input.Password />
          </Form.Item>
          <Form.Item label="确认密码" name="conFirm">
            <Input.Password />
          </Form.Item>
          <Form.Item label="昵称" name="nickName">
            <Input />
          </Form.Item>
          <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
            <Space>
              {/* htmlType就是之前html里的type，只是前面设置属性被占用了，用这个一样的效果都是为了触发方法 */}
              <Button type="primary" htmlType="submit">
                注册
              </Button>
            </Space>
            <Link to={LOGIN_PATHNAME}>已有账户,登录</Link>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default Register;

开发登录页

Login.module.scss

.contain{
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
  // background-image: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%);
}

Login.tsx

// 登陆页面
import React, { FC, useEffect } from "react";
import { Link, useNavigate } from "react-router-dom";
import { Space, Typography, Form, Input, Button, Checkbox } from "antd";
import { UserAddOutlined } from "@ant-design/icons";
import { REGISTER_PATHNAME } from "../router";
import styled from "./Login.module.scss";

const { Title } = Typography;

const USERNAME_KEY = "USERNAME";
const PASSWORD_KEY = "PASSWORD";

function rememberUser(username: string, password: string) {
  localStorage.setItem(USERNAME_KEY, username);
  localStorage.setItem(PASSWORD_KEY, password);
}

function deleteUser() {
  localStorage.removeItem(USERNAME_KEY);
  localStorage.removeItem(PASSWORD_KEY);
}

function getUser() {
  return {
    username: localStorage.getItem(USERNAME_KEY),
    password: localStorage.getItem(PASSWORD_KEY),
  };
}

const Login: FC = () => {
  const nav = useNavigate();

  // 第三方hook，即第三方提供的组件
  const [form] = Form.useForm();

  const onFinish = (values: any) => {
    const { username, password, remember } = values;
    if (remember) {
      rememberUser(username, password);
    } else {
      deleteUser();
    }
  };

  // 依赖不填写，默认在组件渲染完成后执行
  useEffect(() => {
    const { username, password } = getUser();
    // 这里如果不小心写成了setFieldValue会报错，差了个s，这个只能输入一个参数，有s的才能输入多个
    form.setFieldsValue({ username, password });
  }, []);

  return (
    <div className={styled.contain}>
      <div>
        <Space>
          <Title level={2}>
            <UserAddOutlined />
          </Title>
          <Title level={2}>用户登录</Title>
        </Space>
      </div>
      <div>
        <Form
          labelCol={{ span: 6 }}
          wrapperCol={{ span: 16 }}
          onFinish={onFinish}
          // 默认remember设置为true
          initialValues={{ remember: true }}
          // 将返回值关联起来，即使其变成受控组件
          form={form}
        >
          <Form.Item label="用户名" name="username">
            <Input />
          </Form.Item>
          <Form.Item label="密码" name="password">
            <Input.Password />
          </Form.Item>
          <Form.Item
            name="remember"
            valuePropName="checked"
            wrapperCol={{ offset: 6, span: 16 }}
          >
            {/* 表单需要有name和value才能提交，valuePropname就是将Checkbox的checked属性，即选中的属性（true || false）当作值 */}
            <Checkbox>记住我</Checkbox>
          </Form.Item>
          <Form.Item wrapperCol={{ offset: 6, span: 16 }}>
            <Space>
              <Button type="primary" htmlType="submit">
                登录
              </Button>
              <Link to={REGISTER_PATHNAME}>注册新用户</Link>
            </Space>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default Login;

表单校验

先在注册里进行校验，使用的都是antd里form的功能，然后复制到登录就行

Register.tsx

// 注册界面
import React, { FC } from "react";
import { Typography, Space, Form, Input, Button, message } from "antd";
import { UserAddOutlined } from "@ant-design/icons";
import styled from "./Register.module.scss";
import { Link } from "react-router-dom";
import { LOGIN_PATHNAME } from "../router";

const { Title } = Typography;

const Register: FC = () => {
  // any表示任意类型都可
  const onFinish = (values: any) => {
    console.log(values);
  };

  return (
    <div className={styled.contain}>
      <div>
        <Space>
          <Title level={2}>
            <UserAddOutlined />
          </Title>
          <Title level={2}>注册新用户</Title>
        </Space>
      </div>
      <div>
        <Form
          labelCol={{ span: 6 }}
          wrapperCol={{ span: 16 }}
          onFinish={onFinish}
        >
          <Form.Item
            label="用户名"
            name="username"
            rules={[
              { required: true, message: "请输入用户名" },
              // string表示按长度计算区间范围，不然变成数字就成最小5最大20了
              {
                type: "string",
                min: 5,
                max: 20,
                message: "字符长度在5-20之间",
              },
              {
                pattern: /^\w+$/,
                message: "只能是字母数字下划线",
              },
            ]}
          >
            <Input />
          </Form.Item>
          <Form.Item
            label="密码"
            name="password"
            // required表示必填项，会出现红点
            rules={[{ required: true, message: "请输入密码" }]}
          >
            <Input.Password />
          </Form.Item>
          <Form.Item
            label="确认密码"
            name="confirm"
            // 依赖password属性，password变化会重新触发验证
            dependencies={["password"]}
            rules={[
              { required: true, message: "请确认输入的密码" },
              // 这个校验传递进去的是一个函数
              ({ getFieldValue }) => ({
                validator(_, value) {
                  if (getFieldValue("password") === value) {
                    return Promise.resolve();
                  } else {
                    return Promise.reject(new Error("两次密码不一致"));
                  }
                },
              }),
            ]}
          >
            <Input.Password />
          </Form.Item>
          <Form.Item label="昵称" name="nickname">
            <Input />
          </Form.Item>
          <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
            <Space>
              {/* htmlType就是之前html里的type，只是前面设置属性被占用了，用这个一样的效果都是为了触发方法 */}
              <Button type="primary" htmlType="submit">
                注册
              </Button>
              <Link to={LOGIN_PATHNAME}>已有账户,登录</Link>
            </Space>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default Register;

Login.tsx

// 登陆页面
import React, { FC, useEffect } from "react";
import { Link, useNavigate } from "react-router-dom";
import { Space, Typography, Form, Input, Button, Checkbox } from "antd";
import { UserAddOutlined } from "@ant-design/icons";
import { REGISTER_PATHNAME } from "../router";
import styled from "./Login.module.scss";

const { Title } = Typography;

const USERNAME_KEY = "USERNAME";
const PASSWORD_KEY = "PASSWORD";

function rememberUser(username: string, password: string) {
  localStorage.setItem(USERNAME_KEY, username);
  localStorage.setItem(PASSWORD_KEY, password);
}

function deleteUser() {
  localStorage.removeItem(USERNAME_KEY);
  localStorage.removeItem(PASSWORD_KEY);
}

function getUser() {
  return {
    username: localStorage.getItem(USERNAME_KEY),
    password: localStorage.getItem(PASSWORD_KEY),
  };
}

const Login: FC = () => {
  const nav = useNavigate();

  // 第三方hook，即第三方提供的组件
  const [form] = Form.useForm();

  const onFinish = (values: any) => {
    const { username, password, remember } = values;
    if (remember) {
      rememberUser(username, password);
    } else {
      deleteUser();
    }
  };

  // 依赖不填写，默认在组件渲染完成后执行
  useEffect(() => {
    const { username, password } = getUser();
    // 这里如果不小心写成了setFieldValue会报错，差了个s，这个只能输入一个参数，有s的才能输入多个
    form.setFieldsValue({ username, password });
  }, []);

  return (
    <div className={styled.contain}>
      <div>
        <Space>
          <Title level={2}>
            <UserAddOutlined />
          </Title>
          <Title level={2}>用户登录</Title>
        </Space>
      </div>
      <div>
        <Form
          labelCol={{ span: 6 }}
          wrapperCol={{ span: 16 }}
          onFinish={onFinish}
          // 默认remember设置为true
          initialValues={{ remember: true }}
          // 将返回值关联起来，即使其变成受控组件
          form={form}
        >
          <Form.Item
            label="用户名"
            name="username"
            rules={[
              { required: true, message: "请输入用户名" },
              // string表示按长度计算区间范围，不然变成数字就成最小5最大20了
              {
                type: "string",
                min: 5,
                max: 20,
                message: "字符长度在5-20之间",
              },
              {
                pattern: /^\w+$/,
                message: "只能是字母数字下划线",
              },
            ]}
          >
            <Input />
          </Form.Item>
          <Form.Item
            label="密码"
            name="password"
            rules={[{ required: true, message: "请输入密码" }]}
          >
            <Input.Password />
          </Form.Item>
          <Form.Item
            name="remember"
            valuePropName="checked"
            wrapperCol={{ offset: 6, span: 16 }}
          >
            {/* 表单需要有name和value才能提交，valuePropname就是将Checkbox的checked属性，即选中的属性（true || false）当作值 */}
            <Checkbox>记住我</Checkbox>
          </Form.Item>
          <Form.Item wrapperCol={{ offset: 6, span: 16 }}>
            <Space>
              <Button type="primary" htmlType="submit">
                登录
              </Button>
              <Link to={REGISTER_PATHNAME}>注册新用户</Link>
            </Space>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};
export default Login;

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

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

相关文章

新机配置Win11

新机配置Win11

Win11跳联网 在连接网络的界面输入ShiftF10打开命令行&#xff0c;然后输入oobe\bypassnro然后会重启&#xff0c;在联网的界面就可以进行跳过了。 编码 在中国大陆Windows使用的编码是GBK编码 查看电脑系统版本 WinR输入winver即可 桌面图标 设置->个性化->主题…
阅读更多...
Art. 1 | 信号、信息与消息的区别及其在通信中的应用

Art. 1 | 信号、信息与消息的区别及其在通信中的应用

信号、信息与消息的区别及其在通信中的应用 通信技术是现代社会的基石&#xff0c;其广泛应用于日常生活的各个方面。从手机、互联网到企业信息管理&#xff0c;通信系统无处不在。在这一技术领域中&#xff0c;信号、信息和消息是三大基础概念&#xff0c;支撑着整个通信系统…
阅读更多...
03 去重排序

03 去重排序

题目&#xff1a; 桶排序变体&#xff1a; #include<iostream> #include<algorithm> using namespace std; #define M 100005 int a[M];int main() {int N;cin>>N;int count0;for(int i1;i<N;i){int temp;cin>>temp;if(a[temp]1){continue;}else{a…
阅读更多...
[C语言]第十一节 函数递归一基础知识到高级技巧的全景探索

[C语言]第十一节 函数递归一基础知识到高级技巧的全景探索

目录 11.1. 递归是什么&#xff1f; 11.1.1 递归的思想&#xff1a; 11.2 递归的限制条件 举例1&#xff1a;求n的阶乘 画图推演 举例2&#xff1a;顺序打印⼀个整数的每⼀位 画图推演 11.3. 递归与迭代 举例3&#xff1a;求第n个斐波那契数 11.1. 递归是什么&#xff…
阅读更多...
oh-topic-editor: OpenHarmony HarmonyOS平台上基于RichEditor实现的支持添加话题、@用户的文本编辑组件

oh-topic-editor: OpenHarmony HarmonyOS平台上基于RichEditor实现的支持添加话题、@用户的文本编辑组件

需求 在App开发中&#xff0c;我们常常会遇到发布文章、评论的时候需要添加话题或者用户的需求&#xff0c;就像微博那样。这在Android、iOS或者其他平台上都有现成的组件可供使用&#xff0c;但是HarmonyOS NEXT作为一个新兴平台&#xff0c;三方库实在匮乏&#xff0c;连微博…
阅读更多...
SpringBoot中，接口签名，通用方案，以确保接口的安全性

SpringBoot中，接口签名，通用方案，以确保接口的安全性

1. 为什么需要接口签名&#xff1f; 接口签名目的&#xff1a;防止第三方伪造请求。请求伪造&#xff1a;未经授权的第三方构造合法用户的请求来执行不希望的操作。转账接口示例&#xff1a;展示了如果接口没有安全措施&#xff0c;第三方可以轻易伪造请求&#xff0c;例如将资…
阅读更多...
用户在网页上输入一个网址，它整个页面响应的流程是什么?

用户在网页上输入一个网址，它整个页面响应的流程是什么?

目录 一、流程的大致过程 二、流程的详细分析 1. 浏览器先分析超链接中的URL 2. DNS解析 3. 建立TCP连接 建立连接&#xff08;三次握手&#xff09; HTTP中的请求报文 4. 浏览器发送HTTP请求 5. 服务器处理请求并发送响应 HTTP的响应报文 6. 浏览器接收响应 7. 渲…
阅读更多...
After-kaoyan

After-kaoyan

知乎 - 安全中心 有态度&#xff0c;有回应&#xff0c;有温度&#xff0c;是跟双鱼相处的基础 我今天跟大家泄漏一个秘密&#xff0c;这个秘密也很简单&#xff0c;就是我每次遇到困难险阻时候我从不退缩&#xff0c;我也不会想着&#xff1a;“算了吧&#xff0c;我做不到&a…
阅读更多...
基于Springboot+Vue的零食批发商仓库管理系统（含源码数据库）

基于Springboot+Vue的零食批发商仓库管理系统（含源码数据库）

1.开发环境 开发系统:Windows10/11 架构模式:MVC/前后端分离 JDK版本: Java JDK1.8 开发工具:IDEA 数据库版本: mysql5.7或8.0 数据库可视化工具: navicat 服务器: SpringBoot自带 apache tomcat 主要技术: Java,Springboot,mybatis,mysql,vue 2.视频演示地址 3.功能 在这个…
阅读更多...
Python调试技巧：高效定位与修复问题

Python调试技巧：高效定位与修复问题

Python调试技巧&#xff1a;高效定位与修复问题 在Python编程过程中&#xff0c;调试是不可避免的重要环节。无论是刚接触编程的初学者还是经验丰富的开发者&#xff0c;都可能会遇到代码运行不符合预期的情况。高效的调试技巧不仅能帮助我们快速找到问题&#xff0c;还能减少…
阅读更多...
Graphiti：如何让构建知识图谱变得更快、更具动态性?

Graphiti：如何让构建知识图谱变得更快、更具动态性?

扩展大语言模型数据提取&#xff1a;挑战、设计决策与解决方案 Graphiti 是一个用于构建和查询动态、时间感知的知识图谱的 Python 库。它可以用于建模复杂、不断演变的数据集&#xff0c;并确保 AI 智能体能够访问它们完成非平凡任务所需的数据。它是一个强大的工具&#xff…
阅读更多...
9个微服务最佳实践

9个微服务最佳实践

1⃣分离数据存储&#xff1a;独立数据库&#xff0c;提升灵活性。 2⃣代码成熟度一致&#xff1a;质量稳定&#xff0c;避免技术债务 3⃣独立构建流程&#xff1a;独自构建&#xff0c;快速部署。 4⃣单一职责原则&#xff1a;业务功能单一&#xff0c;简化维护。 5⃣容器化部署…
阅读更多...
Android车载——VehicleHal初始化（Android 11）

Android车载——VehicleHal初始化（Android 11）

1 概述 VehicleHal是AOSP中车辆服务相关的hal层服务。它主要定义了与汽车硬件交互的标准化接口和属性管理&#xff0c;是一个独立的进程。 2 进程启动 VehicleHal相关代码在源码树中的hardware/interfaces/automotive目录下 首先看下Android.bp文件&#xff1a; cc_binary …
阅读更多...
大模型公司对标：360

大模型公司对标：360

公司档案 360成立于2005年&#xff0c;初期以提供免费的杀毒软件“360安全卫士”而迅速获得市场认可&#xff0c;并逐渐发展成为一家提供全面互联网安全解决方案的企业。2015年成立人工智能研究院&#xff0c;开展人工智能技术探索&#xff0c;成为国内布局研究开发人工智能较…
阅读更多...
Oracle 表空间异构传输

Oracle 表空间异构传输

已经有了表空间的数据文件&#xff0c;和元数据dump文件&#xff0c;如何把这个表空间传输到异构表空间中&#xff1f; 查询异构传输平台信息&#xff1a; COLUMN PLATFORM_NAME FORMAT A40 SELECT PLATFORM_ID, PLATFORM_NAME, ENDIAN_FORMAT FROM V$TRANSPORTABLE_PLATFORM O…
阅读更多...
教育技术革新：SpringBoot在线教育系统开发指南

教育技术革新：SpringBoot在线教育系统开发指南

6系统测试 6.1概念和意义 测试的定义&#xff1a;程序测试是为了发现错误而执行程序的过程。测试(Testing)的任务与目的可以描述为&#xff1a; 目的&#xff1a;发现程序的错误&#xff1b; 任务&#xff1a;通过在计算机上执行程序&#xff0c;暴露程序中潜在的错误。 另一个…
阅读更多...
计算机找不到vcomp140.dll,无法继续执行代码如何解决,有什么好的修复方法

计算机找不到vcomp140.dll,无法继续执行代码如何解决,有什么好的修复方法

1. vcomp140.dll 简介 1.1 定义 vcomp140.dll 是一个动态链接库&#xff08;DLL&#xff09;文件&#xff0c;它属于 Microsoft Visual C 2015 Redistributable Package 的一部分。该文件为应用程序提供了 OpenMP 并行框架所需的运行时支持&#xff0c;允许开发者编写并发和多…
阅读更多...
【Verilog学习日常】—牛客网刷题—Verilog进阶挑战—VL25

【Verilog学习日常】—牛客网刷题—Verilog进阶挑战—VL25

输入序列连续的序列检测 描述 请编写一个序列检测模块&#xff0c;检测输入信号a是否满足01110001序列&#xff0c;当信号满足该序列&#xff0c;给出指示信号match。 模块的接口信号图如下&#xff1a; 模块的时序图如下&#xff1a; 请使用Verilog HDL实现以上功能&#x…
阅读更多...
论文笔记：微表情欺骗检测

论文笔记：微表情欺骗检测

整理了AAAI2018 Deception Detection in Videos 论文的阅读笔记 背景模型实验可视化 背景 欺骗在我们的日常生活中很常见。一些谎言是无害的&#xff0c;而另一些谎言可能会产生严重的后果。例如&#xff0c;在法庭上撒谎可能会影响司法公正&#xff0c;让有罪的被告逍遥法外。…
阅读更多...
电脑获得高级管理员权限(Windows10 专业版)

电脑获得高级管理员权限(Windows10 专业版)

电脑获得高级管理员权限(Windows10 专业版) 请谨慎操作 通常我们在删除一些文件时&#xff0c;会提示权限不足&#xff0c;删除不了文件 我们可以打开组策略编辑器将当前用户修改为高级管理员权限 Windows10获取高级管理员权限 首先打开本地组策略编辑器(cmd输入gpedit.msc)其…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023