Umi框架Worker线程SQL.js,问如何?

摘要:总述:在Win7环境下配置umijs框架,在框架中用worker线程方式使用SQL.js的wasm,在浏览器端实现数据的增删改查以及数据库导出导入。 一、安装node.js 1、Win7系统只支持node.js v13.14.0或更早,所以
总述:在Win7环境下配置umijs框架,在框架中用worker线程方式使用SQL.js的wasm,在浏览器端实现数据的增删改查以及数据库导出导入。 一、安装node.js 1、Win7系统只支持node.js v13.14.0或更早,所以从https://nodejs.org/download/release/v13.14.0/node-v13.14.0-x64.msi 下载旧版安装包 2、安装时勾选“Automatically install the necessary tools......” 3、安装程序会自动进行环境变量配置,如需手动配置: a、新建“NODE_PATH”,值为nodejs的安装目录 b、修改变量Path的值,值的后面添加“;%NODE_PATH%” 4、打开控制台执行node -v,显示node版本说明安装成功。 二、配置三种包管理工具 1、执行npm -v查看npm版本,执行npm i -g npm可更新npm自身,更新为新版后,新版npm会在Win7环境下报错,但并不影响使用。 2、设置淘宝仓库:npm config set registry https://registry.npm.taobao.org,查看仓库设置:npm config get registry 3、执行npm i -g cnpm安装cnpm,安装完毕后执行cnpm -v显示cnpm版本说明安装成功 4、执行cnpm i -g yarn安装yarn,安装完毕后执行yarn --version显示yarn版本说明安装成功 5、为yarn配置淘宝源: yarnconfigsetregistryhttps://registry.npm.taobao.org -g yarnconfigsetsass_binary_sitehttp://cdn.npm.taobao.org/dist/node-sass -g 三、安装umijs 1、建立一个工程目录,比如myapp 2、在该目录下执行yarn create @umijs/umi-app或npx @umijs/create-umi-app创建项目,目录下生成以下文件: 3、执行yarn安装依赖,安装完成后目录下出现node_modules文件夹,含有所有依赖 4、执行yarn start启动项目,如下显示则启动成功: Starting the development server... ✔ Webpack Compiled successfully in 17.84s DONE Compiled successfully in 17842ms 8:06:31 PM App running at: - Local: http://localhost:8000 (copied to clipboard) - Network: http://192.168.12.34:8000 在浏览器里打开http://localhost:8000则显示索引页面: 5、执行cnpm i -g umi全局安装umi则可以直接使用umi dev命令启动项目(umi build打包),否则需要使用npx umi dev启动 6、执行yarn add antd或cnpm i antd安装ant design组件 四、命令行方式使用SQLite数据库 1、在SQLite官方网站https://www.sqlite.org/download.html下载Window安装包,需要下载sqlite-tools和sqlite-dll两个压缩文件。 2、建立一个sqlite3文件夹,将压缩文件解压在这里,解压后文件夹内容如下: 3、将这个文件夹添加到环境变量的Path属性中,请注意不要在环境变量中混用Path、PATH、path,否则会相互覆盖。 4、在控制台执行sqlite3进入sqlite3的命令行窗口: 5、执行.open test.mydb打开一个叫做test.mydb的数据库,如果不存在则将在该目录下建立此数据库,此数据库文件名即为test.mydb(可见SQLite并不要求文件后缀),大小为0字节。 6、建表: 执行create table test(id char(50),age int,name char(50));建立test表,注意如果不输入分号按回车则sqlite将理解为多行语句而非执行,直到出现分号后按回车方才执行语句。
阅读全文