828华为云征文｜华为云Flexus云服务器X实例之openEuler系统下部署SQLite数据库浏览器sqlite-web

news2024/9/20 18:42:57

828华为云征文｜华为云Flexus云服务器X实例之openEuler系统下部署SQLite数据库浏览器sqlite-web

  • 前言
  • 一、Flexus云服务器X实例介绍
    • 1.1 Flexus云服务器X实例简介
    • 1.2 Flexus云服务器X实例特点
    • 1.3 Flexus云服务器X实例使用场景
  • 二、sqlite-web介绍
    • 2.1 sqlite-web简介
    • 2.2 sqlite-web主要功能
  • 三、本次实践介绍
    • 3.1 本次实践简介
    • 3.2 本次环境规划
  • 四、远程连接华为云Flexus云服务器X实例
    • 4.1 购买Flexus云服务器X实例
    • 4.2 查看Flexus云服务器X实例状态
    • 4.3 使用Xshell远程连接
  • 五、检查Flexus云服务器X实例系统环境
    • 5.1 检查操作系统版本
    • 5.2 检查内核版本
    • 5.3 检查Docker版本
    • 5.4 检查Docker服务状态
    • 5.5 检查Docker compose版本
  • 六、安装SQLite数据库
    • 6.1 安装SQLite
    • 6.2 检查SQLite安装版本
    • 6.3 创建数据库目录
    • 6.4 新建test.db文件
    • 6.5 写入数据
  • 七、安装sqlite-web工具
    • 7.1 拉取sqlite-web镜像
    • 7.2 进入部署目录
    • 7.3 编辑docker-compose.yaml文件
    • 7.4 创建sqlite-web容器
    • 7.5 查看sqlite-web容器状态
    • 7.6 查看sqlite-web容器日志
  • 八、访问sqlite-web网页
    • 8.1 关闭防火墙与selinux
    • 8.2 Flexus云服务器X实例安全组配置
    • 8.3 访问sqlite-web初始页
    • 8.4 查询数据相关操作
  • 九、使用体验与总结

前言

随着云计算技术的不断进步，企业对于灵活、高效的计算资源需求日益增长。华为云推出的Flexus云服务器X实例，正是为满足这一需求而设计的新一代云服务器解决方案。凭借其卓越的性能、弹性的资源调度能力和全面的安全保障体系，Flexus云服务器X实例已成为众多中小企业和开发者青睐的选择。本文将详细介绍如何在华为云Flexus云服务器X实例上部署基于openEuler操作系统的SQLite数据库，并使用先进的Web数据库浏览器sqlite-web来管理和操作SQLite数据库。通过这一部署方案，用户不仅可以体验到华为云的强大算力支持，还能享受到sqlite-web带来的便捷数据库管理体验，进一步提升开发效率和运维管理水平。

一、Flexus云服务器X实例介绍

1.1 Flexus云服务器X实例简介

  • 官网地址： 华为云Flexus云服务器X实例

华为云Flexus云服务器X实例是新一代面向中小企业和开发者的柔性算力云服务器。它能够智能感知业务负载的变化，自动调整资源配置。这款服务器特别适用于中低负载的应用场景，例如电商直播、企业网站建设、开发测试环境、游戏服务器以及音视频服务等。X实例的设计理念旨在为用户提供更加灵活和高效的计算资源管理方式。通过智能调整，它可以更好地满足不同业务的需求，提高资源利用率。

在这里插入图片描述

1.2 Flexus云服务器X实例特点

  • 提供丰富的公共镜像：Flexus云服务器X实例提供多种公共镜像供用户选择，方便快速部署各种应用和服务。

  • 可灵活自定义vCPU内存配比：用户可以根据自己的需要灵活调整虚拟CPU和内存的配比，以满足不同场景的需求。

  • 智能感知业务动态升降配：Flexus云服务器X实例能够智能感知业务的负载情况，并根据需要自动升降配，以满足业务的需求，提高系统的稳定性和性能。

  • 负载范围更高：相对于Flexus应用服务器L实例，Flexus云服务器X实例能够处理更高的负载，适用于更复杂和繁忙的场景。

1.3 Flexus云服务器X实例使用场景

Flexus云服务器X实例针对不同的使用场景展现出其独特的优势：

  1. 电商直播：利用X实例搭建电商交易平台，可以有效应对电商市场的瞬息万变，从容处理业务压力波动，确保交易过程顺畅无阻。

  2. 企业建站：面向博客、论坛和企业门户等应用场景，X实例帮助企业高效传播价值信息，促进信息共享与交流，支持构建多功能传播和交互平台。

  3. 个人开发测试：开发者在开发和测试过程中所需的环境资源可以通过X实例便捷获取，不仅提高了搭建效率，而且降低了成本。

  4. 游戏服务器：适用于搭建游戏后台服务器，强大的计算能力可以轻松应对大量玩家同时在线的情况，同时支持平滑扩容，快速应对玩家数量增长的需求，以及提供出色的网络加速能力以提升用户体验。

二、sqlite-web介绍

2.1 sqlite-web简介

sqlite-web 是一个用 Python 编写的基于 Web 的 SQLite 数据库浏览器，它提供了一个图形化用户界面来管理和操作 SQLite 数据库。

2.2 sqlite-web主要功能

  • 兼容性：可以直接连接到现有的 SQLite 数据库，也可以用于创建新的数据库。
  • 数据库对象管理：允许用户添加或移除数据库中的表格。
  • 表结构管理：支持对表格进行列的增删操作，兼容旧版 SQLite。
  • 索引管理：能够创建和删除索引以优化数据库性能。
  • 数据导出：支持将数据库中的数据导出为 JSON 或 CSV 格式文件。
  • 数据导入：可以从 JSON 或 CSV 格式的文件中导入数据到数据库。
  • 数据浏览：提供了一个直观的方式来浏览数据库中的表格数据。
  • 数据编辑：允许用户插入新的记录行，更新现有记录，或者删除不需要的行。

三、本次实践介绍

3.1 本次实践简介

1.本次实践为个人测试学习环境，旨在快速部署应用，生产环境请谨慎；
2.本次实践环境为云华为云Flexus云服务器X实例，使用的操作系统为openEuler 22.03 LTS；
3.本次实践在Docker环境下部署SQLite数据库浏览器sqlite-web。

3.2 本次环境规划

服务器类别公共镜像选择内网IP地址Docker版本操作系统版本
华为云Flexus云服务器X实例openEuler192.168.0.16926.1.3openEuler 22.03 LTS

四、远程连接华为云Flexus云服务器X实例

4.1 购买Flexus云服务器X实例

进入华为云官网：https://activity.huaweicloud.com/，登录自己的华为云账号，进入华为云首页。

在这里插入图片描述
在这里插入图片描述

  • 可参考以下基础配置，进行购买：

1.计费模式：包年/包月，这里选择此模式；
2.区域：华北—北京四，可用区：随机即可；
3.实例规格：关闭性能模式，选择自定义，4vCPUs | 12GiB；
4.镜像：公共镜像，Huawei Cloud EulerOS，版本，Huawei Cloud EulerOS 2.0 Standard 64 bit(10GiB)；
5.应用加速：这里选择不加速；
6.存储：系统盘，通用型SSD100G；
7.网络：选择默认即可；
8.安全组：选择默认即可；
9.弹性公网IP：选择“现在购买”，全动态BGP，带宽3Mbit/s；
10.云服务器名称：可自定义设置，这里选择默认的名称；
11.登录凭证：自定义设置密码；
12.云备份：暂不购买；
其余配置默认即可。

  • 确认配置及购买

在确认配置页面，检查Flexus云服务器X实例的各项配置是否正确。检查完毕后，点击“立即购买”。付款完毕后，华为云Flexus云服务器X实例购买成功。

在这里插入图片描述

4.2 查看Flexus云服务器X实例状态

进入华为云Flexus云服务的控制台，选择Flexus云服务器X实例，可以看到已经正在运行的Flexus云服务器X实例。

在这里插入图片描述

4.3 使用Xshell远程连接

  • 复制Flexus云服务器X实例的弹性公网IP地址

在这里插入图片描述

  • 主要填写Flexus云服务器X实例的弹性公网IP地址，输入其登录用户和密码，连接即可。

在这里插入图片描述

在这里插入图片描述

五、检查Flexus云服务器X实例系统环境

5.1 检查操作系统版本

检查Flexus云服务器X实例的操作系统版本，本次实践选择的版本为openEuler 22.03 LTS

[root@flexusx-51a1 ~]# cat /etc/os-release
NAME="openEuler"
VERSION="22.03 LTS"
ID="openEuler"
VERSION_ID="22.03"
PRETTY_NAME="openEuler 22.03 LTS"
ANSI_COLOR="0;31"

5.2 检查内核版本

检查当前操作系统的内核版本，当前内核版本为5.10.0-60.109.0.136.oe2203.x86_64。

[root@flexusx-51a1 ~]# uname -r
5.10.0-60.109.0.136.oe2203.x86_64

5.3 检查Docker版本

部署该项目需要提前安装Docker环境，检查Docker版本，当前安装的Docker版本为 26.1.3。

[root@flexusx-51a1 ~]# docker -v
Docker version 26.1.3, build b72abbb

5.4 检查Docker服务状态

检查Docker服务状态，确保Docker服务正常。

[root@flexusx-51a1 ~]#  systemctl status docker
● docker.service - Docker Application Container Engine
     Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
     Active: active (running) since Wed 2024-09-04 21:23:44 CST; 15min ago
TriggeredBy: ● docker.socket
       Docs: https://docs.docker.com
   Main PID: 10018 (dockerd)
      Tasks: 10
     Memory: 196.3M
     CGroup: /system.slice/docker.service
             └─ 10018 /usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock

5.5 检查Docker compose版本

检查docker compose版本，当前默认安装版本为v2.27.0`。

[root@flexusx-51a1 ~]# docker compose version
Docker Compose version v2.27.0

六、安装SQLite数据库

6.1 安装SQLite

SQLite 是一个开源的关系型数据库管理系统，它以源代码形式嵌入应用程序中，无需独立的服务器进程或管理系统。SQLite 支持多种操作系统，提供了丰富的 SQL 功能，并以其简单易用、高效可靠的特点广受好评。在openEuler系统上，我们直接安装SQLite。

yum install sqlite -y

在这里插入图片描述

6.2 检查SQLite安装版本

可以执行以下命令，查看当前安装SQLite版本。

[root@flexusx-51a1 ~]# sqlite3 -version
3.37.2 2022-01-06 13:25:41 872ba256cbf61d9290b571c0e6d82a20c224ca3ad82971edc46b29818d5dalt1

6.3 创建数据库目录

创建 /data/sqlite/data 目录，用作 SQLite 的数据存储目录。

[root@flexusx-51a1 ~]# mkdir -p  /data/sqlite/data    &&  cd /data/sqlite/data
[root@flexusx-51a1 data]#

6.4 新建test.db文件

我们使用sqlite3命令，创建并且打开一个test.db数据库文件。我们可在这个数据库环境下执行各种 SQLite 相关操作，如创建表、查询数据等。

sqlite3 test.db

6.5 写入数据

执行以下命令，写入测试数据。

CREATE TABLE example_table (
    id INTEGER PRIMARY KEY,
    name TEXT NOT NULL,
    age INTEGER
);

INSERT INTO example_table (name, age) VALUES ('张三', 30);
INSERT INTO example_table (name, age) VALUES ('李四', 22);
INSERT INTO example_table (name, age) VALUES ('王一云', 40);
INSERT INTO example_table (name, age) VALUES ('赵三车', 38);

查询刚才插入数据，可以看到数据正常写入。

SELECT * FROM example_table;

在这里插入图片描述

当我们完成 SQLite 的会话并且确认 test.db 文件已正确创建并包含数据后，可以通过输入 .exit 来退出 SQLite 命令行界面。

 .exit

七、安装sqlite-web工具

7.1 拉取sqlite-web镜像

我们直接在docker hub仓库拉取sqlite-web镜像，镜像名称为：coleifer/sqlite-web:latest。

[root@flexusx-51a1 data]# docker pull coleifer/sqlite-web:latest
latest: Pulling from coleifer/sqlite-web
48ecbb6b270e: Pull complete
692f29ee68fa: Pull complete
6439819450d1: Pull complete
3c7be240f7bf: Pull complete
ca4b349df8ed: Pull complete
ef2d243c98cf: Pull complete
260a6c14518f: Pull complete
28e32c8ef834: Pull complete
Digest: sha256:b0d4094b883ee274d2242d8e5b4173f40e56a1d137660cf78d67c87164db9490
Status: Downloaded newer image for coleifer/sqlite-web:latest
docker.io/coleifer/sqlite-web:latest

7.2 进入部署目录

我们进入/data/sqlite/目录，作为sqlite-web的部署目录。

[root@flexusx-51a1 data]# cd /data/sqlite/
[root@flexusx-51a1 sqlite]# ls
data

7.3 编辑docker-compose.yaml文件

本次使用docker compose方式部署，需要新建及编辑docker-compose.yaml文件。在部署文件中，可以自定义修改宿主机映射端口等信息，注意防止端口冲突。

vim docker-compose.yaml


services:
  sqlite-web:
    image: coleifer/sqlite-web
    container_name: sqlite-web
    restart: always
    ports:
      - 8700:8080
    volumes:
      - /data/sqlite/data:/data
    environment:
      - SQLITE_DATABASE=test.db

7.4 创建sqlite-web容器

执行以下命令，快速创建sqlite-web容器容器。

[root@flexusx-51a1 sqlite]# docker compose up -d
[+] Running 2/2
 ✔ Network sqlite_default  Created                                                                                                                     0.0s
 ✔ Container sqlite-web    Started                                                                                                                     0.2s

在这里插入图片描述

7.5 查看sqlite-web容器状态

检查sqlite-web容器状态，确保sqlite-web容器正常启动。

[root@flexusx-51a1 sqlite]# docker compose ps
NAME         IMAGE                 COMMAND                  SERVICE      CREATED          STATUS          PORTS
sqlite-web   coleifer/sqlite-web   "/bin/sh -c 'sqlite_…"   sqlite-web   53 seconds ago   Up 53 seconds   0.0.0.0:8700->8080/tcp, :::8700->8080/tcp

在这里插入图片描述

7.6 查看sqlite-web容器日志

检查sqlite-web容器日志，确保sqlite-web服务正常运行。

[root@flexusx-51a1 sqlite]#  docker compose logs
sqlite-web  |  * Serving Flask app "sqlite_web.sqlite_web" (lazy loading)
sqlite-web  |  * Environment: production
sqlite-web  |    WARNING: This is a development server. Do not use it in a production deployment.
sqlite-web  |    Use a production WSGI server instead.
sqlite-web  |  * Debug mode: off
sqlite-web  |  * Running on http://0.0.0.0:8080/ (Press CTRL+C to quit)

在这里插入图片描述

八、访问sqlite-web网页

8.1 关闭防火墙与selinux

  • 关闭防火墙
 systemctl stop firewalld && systemctl disable firewalld
  • 关闭selinux
setenforce 0
sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config

8.2 Flexus云服务器X实例安全组配置

进入Flexus云服务器X实例控制台，进行安全组规则配置。在安全组入方向规则上，放行8700端口。

在这里插入图片描述

8.3 访问sqlite-web初始页

浏览器访问地址：http://弹性公网IP地址:8700，将IP替换为自己服务器IP地址。在浏览器中打开 sqlite-web 主页后，页面会显示数据库的一些基本信息，包括表和索引的数量，以及数据库文件在磁盘上的大小。

在这里插入图片描述

8.4 查询数据相关操作

当我们点击之前新建的 example_table 数据表时，可以在“Structure”选项卡中查看该表的结构信息，包括列、索引、触发器及外键（如果存在）。在此界面，用户还可以执行创建、重命名或删除列和索引的操作。

在这里插入图片描述

在“Content”选项卡中，可以浏览数据表中的所有记录。通过这个界面，用户能够清晰地查看每一行数据的详细内容。

在这里插入图片描述

在“Query”选项中，我们可以执行相应的SQL语句进行查询操作。查询结果将以表格形式展示，并支持导出为 JSON 或 CSV 格式。

在这里插入图片描述

九、使用体验与总结

在华为云Flexus云服务器X实例上部署sqlite-web的过程中，我们充分体验到了华为云卓越的性能和稳定性。从创建实例到配置openEuler系统，每一步都展现出了华为云在资源管理方面的高效率。sqlite-we的安装和运行异常顺利，这得益于华为云服务器的强大计算能力和优秀的网络支持。使用sqlite-web管理SQLite数据库时，其响应速度令人印象深刻，即使是复杂查询也能快速反馈结果。简洁的Web界面让数据库操作变得更加直观简便，极大地提升了我们的工作效率。华为云Flexus云服务器X实例为我们提供了一个稳定、高效的工作平台，使数据库管理任务变得轻松愉快。

把握华为云828 B2B企业节的契机，探索Flexus X实例带来的超值优惠，体验技术与创新的无缝融合。无论是在高性能计算领域还是智能监控方面，华为云都以卓越的品质和细致的服务展现了其领先优势。选择华为云，意味着不仅仅获得了强大的技术支持，更是向着数字化未来迈进的重要一步。让我们共同携手，在华为云平台上谱写新的成功故事！

在这里插入图片描述

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

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

相关文章

C语言 | Leetcode C语言题解之第406题根据身高重建队列

C语言 | Leetcode C语言题解之第406题根据身高重建队列

题目： 题解： int cmp(const void* _a, const void* _b) {int *a *(int**)_a, *b *(int**)_b;return a[0] b[0] ? a[1] - b[1] : b[0] - a[0]; }int** reconstructQueue(int** people, int peopleSize, int* peopleColSize, int* returnSize, int** …
阅读更多...
TypeScript入门 (二)控制语句

TypeScript入门 (二)控制语句

引言 大家好，我是GISer Liu😁，一名热爱AI技术的GIS开发者。本系列文章是我跟随DataWhale 2024年9月学习赛的TypeScript学习总结文档。本文主要讲解TypeScript中控制语句的部分；希望通过我的知识点总结，能够帮助你更好地…
阅读更多...
OpenCV基础入门30讲（Python）——第一讲 环境配置

OpenCV基础入门30讲（Python）——第一讲 环境配置

学习基础要求： 1、会Python。 版本要求： 1、电脑系统：Windows10（理论上Ubuntu或者Windows10和Windows11都可以） 2、Python版本：Python 3.8（理论上Python 3.6-3.9都可以） 3、OpenCV版…
阅读更多...
微博计算架构实战

微博计算架构实战

课前回顾-性能估算方法 用户量预估 用户行为建模和性能估算 高性能计算架构设计 发微博 发微博是写操作，可以用与写缓冲(Buffer)么？最好是不要加，写缓冲会使得写入速度变慢，比如发送了微博10分钟后，别人还看不到&…
阅读更多...
Ansible——Playbook基本功能

Ansible——Playbook基本功能

文章目录 一、Ansible Playbook介绍1、Playbook的简单组成1）“play”2）“task”3）“playbook” 2、Playbook与ad-hoc简单对比区别联系 3、YAML文件语法：1. 基本结构2. 数据类型3. 列表4. 字典（映射）5. 注释…
阅读更多...
CSS概览

CSS概览

概述 是什么 cascading style css 层叠样式表 由W3C制定的网页元素定义规则 为什么 美化 怎么办 设置样式 布局 css 引入 内部样式表 在head标签内部使用style标签 <html><head><style>.id{width: 400px;height: 400px;border: 1px solid black;ma…
阅读更多...
2-98 基于matlab的苹果特征检测

2-98 基于matlab的苹果特征检测

基于matlab的苹果特征检测&#xff0c;苹果面积&#xff1a;利用函数bwarea计算白色区域的像素点的个数total。利用total与整幅图片的像素值&#xff08;x*y&#xff09;之比,再与图片的面积相乘,得出苹果面积&#xff1b;缺陷检测&#xff1a;提取出坏损部位的轮廓&#xff0c…
阅读更多...
[Golang] Context

[Golang] Context

[Golang] Context 文章目录 [Golang] Context什么是context创建context创建根context创建context context的作用并发控制context.WithCancelcontext.WithDeadlinecontext.WithTimeoutcontext.WithValue 什么是context Golang在1.7版本中引入了一个标准库的接口context&#xf…
阅读更多...
新手学习Python第十一天，准备今天全部学完系列

新手学习Python第十一天，准备今天全部学完系列

——早上07&#xff1a;30到达实验室&#xff0c;开始学习&#xff0c;中秋小长假已过&#xff0c;心已收—— 一、__new__与__init__创建对象的过程 class Person(object):def __new__(cls,*args,**kwargs): *表示位置参数&#xff0c;**表示关键字参数print(__new__被调用…
阅读更多...
管道缺陷检测系统源码分享

管道缺陷检测系统源码分享

管道缺陷检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vis…
阅读更多...
【鸿蒙 HarmonyOS NEXT】组件嵌套滚动：nestedScroll

【鸿蒙 HarmonyOS NEXT】组件嵌套滚动：nestedScroll

✨本人自己开发的开源项目&#xff1a;土拨鼠充电系统 ✨踩坑不易&#xff0c;还希望各位大佬支持一下&#xff0c;在GitHub给我点个 Start ⭐⭐&#x1f44d;&#x1f44d; ✍GitHub开源项目地址&#x1f449;&#xff1a;https://github.com/cheinlu/groundhog-charging-syst…
阅读更多...
Java SE基础知识详解：源于技术书籍的深度解读

Java SE基础知识详解：源于技术书籍的深度解读

写在前面 ⭐️在无数次的复习巩固中&#xff0c;我逐渐意识到一个问题&#xff1a;面对同样的面试题目&#xff0c;不同的资料来源往往给出了五花八门的解释&#xff0c;这不仅增加了学习的难度&#xff0c;还容易导致概念上的混淆。特别是当这些信息来自不同博主的文章或是视…
阅读更多...
Day02Day03

Day02Day03

1. 为什么拦截器不会去拦截/admin/login上&#xff0c;是因为在SpringMvc中清除了这种可能。 2.使用自己定义注解&#xff0c;实现AOP&#xff08;insert ,update&#xff09; 3.使用update最好使用动态语句&#xff0c;可以使用多次 4.使用阿里云的OSS存储。用common类 5.在写…
阅读更多...
Python 课程16-Pygame

Python 课程16-Pygame

前言 Pygame 是一个基于 Python 的游戏开发库&#xff0c;专门用于多媒体应用程序开发&#xff0c;特别是 2D 游戏。它提供了处理图像、声音、键盘、鼠标等交互功能的 API&#xff0c;并且能够与 OpenGL 集成&#xff0c;用于更复杂的图形操作。Pygame 是初学者和业余开发者学…
阅读更多...
erlang学习:mnesia数据库与ets表1

erlang学习:mnesia数据库与ets表1

Mnesia 和 ETS 都是 Erlang 提供的表管理工具&#xff0c;用于存储和检索数据&#xff0c;但它们之间有一些重要的区别和共同点。 共同点 都是Erlang提供的表存储机制&#xff1a;ETS 和 Mnesia 都允许你在内存中创建表&#xff0c;并且可以用来存储键值对或者更复杂的数据结…
阅读更多...
实战16-RVP定义完成适配

实战16-RVP定义完成适配

新增文件 //设计搞总宽度 const DRAFT_WIDTH 360//将元素的设计搞大小转化为真机中的大小 export default function rvp(val: number) {/*计算元素真正的大小&#xff1b;* 元素在设计稿的大小 / 设计搞总宽度 x / 真机宽度 (保证元素在不同设备占比相同)x 元素在设计稿的大…
阅读更多...
论文不会写？分享6款AI论文写作免费一键生成网站！

论文不会写？分享6款AI论文写作免费一键生成网站！

在当今学术研究和写作领域&#xff0c;AI论文写作工具的出现极大地提高了写作效率和质量。这些工具不仅能够帮助研究人员快速生成论文草稿&#xff0c;还能进行内容优化、查重和排版等操作。本文将分享6款免费一键生成AI论文写作网站&#xff0c;并重点推荐千笔-AIPassPaper。 …
阅读更多...
uniapp富文本editor输入二次扩展兼容微信小程序

uniapp富文本editor输入二次扩展兼容微信小程序

在uni-app中开发富文本输入功能&#xff0c;并使其兼容微信小程序&#xff0c;需要注意一些特定的限制和解决方案。由于微信小程序本身对HTML的支持有限&#xff0c;直接在小程序中实现像Web那样完整的富文本编辑功能&#xff08;如使用CKEditor、Quill等&#xff09;是不可能的…
阅读更多...
算法笔记/USACO Guide GOLD金组DP 3. Paths on Grids

算法笔记/USACO Guide GOLD金组DP 3. Paths on Grids

今天学习背包DP&#xff08;Knapsack DP) 是USACO Guide的DP章节中第三点 What is grid DP? -Summary DP problems often involve a 2D grid where paths are analyzed. Movement is restricted to one direction on the x-axis and y-axis, typically starting from one c…
阅读更多...
AI修手有救了？在comfyui中使用Flux模型实现局部重绘案例

AI修手有救了？在comfyui中使用Flux模型实现局部重绘案例

&#x1f431;‍&#x1f409;背景 局部重绘相关的话题我们已经讨论和测试过很多次了&#xff0c;比如说inpaint模型、brushnet模型、powerpaint模型等等&#xff0c;最近对于flux模型重绘画面的案例也越来越多了&#xff0c;那我们就结合flux模型的重绘来试试看效果。 &…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023