今日开发工作备忘录
一、客户端 1、使用的Tabulator设定了高度，具体高度是electron的应用窗口高度，减去固定值80，这样就可以令Tabulator尽可能充满application client的视野。减去的80是我页面中的“页面标题”高度。这个做法虽然不完美，但是应付下周的客户demo验收是足够了； 2、销售人员上传模板数据之后，增加了预处理检查，必填项目必须填写，如果没有填写，则给出提示信息、Tabulator行变成红色、提交按钮变成灰色不可用的； 3、引入了axios模块，并且在登录页面进行了一个简单的、假的axios请求，将用户登录后的基本信息请求回来，存储在main.js主进程中； 4、各个页面的渲染进程可以通过ipcMain去问主进程要数据，主进程通过response将需要的数据返回给渲染进程。现在主要就是页面要向主进程问用户登录信息； 5、上传数据（还是第2点）中除了必填项检查外，对于“创建人”和“维护人”两个数据列，如果填写了就是用填写的，如果没有填写就是用accountInfo、也就是登录时服务器回传回来的用户信息； 二、服务端 1、下载CodeIgniter4做为服务段框架； 2、升级PHP从8.1到8.3以令ci4能够启动运行； 3、ci4中写了一个最简单的api/login接口，没有任何实际功能，只是返回一个json数据； 三、接下来要完成的工作是： 1、上传数据接口的假实现； 2、拉取数据接口的假实现； 3、将client端的所有文件组织结构进行调整，按目录存储； 4、将项目打包上传到云端做每日备份。
Electron.js 30中使用Tabulator
最近在忙一个新的项目，因为项目工期要求很短、并且我对这个项目十分不想投入过多的精力，所以选择使用Electron.JS框架进行开发。 但是Electron默认是不支持ESM语法的，这就使得如果想在项目中引入Tabulator等依赖项目时，会遇到语法不兼容问题。 一、网上看到的介绍是错误的： 与网上说的在package.json中增加type: module不同，不需要在package.json中增加type声明。因为package.json中增加声明，似乎是告知electron框架，主进程使用ESM语法。但是实际上主进程、也就是main.js文件仍然是CommonJS语法的，无需支持ESM语法。 二、实际只需要在渲染层引入ESM语法的支持： 也就是在需要的html文件中，将引入script文件的地方进行调整，从： <script src=”a.js”></script> 改成： <script type=”module” src=”a.mjs”></script> 这样渲染层的js解析器、也就是chromium浏览器的V8引擎就知道引入的js脚本是支持ESM的，并且启用ESM语法支持了。 三、在a.mjs文件中： 此时在a.mjs文件中，不必再使用require引入包，可以使用import引入包了。 但是因为Tabulator并没有默认的default导出入口（我也不知道具体应该怎么更准确的描述）、同时不清楚为什么不能直接按照包名直接导入（虽然我也是NPM安装的），所以导入包的具体语句如下： import {TabulatorFull as Tabulator} from ‘./node_modules/tabulator-tables/dist/js/tabulator_esm.min.js’; 剩下的具体使用就和其他正常使用没有差别了。 四、打包： 比较担心这样“自己胡乱导入”的包，最终打包生成可执行资源包的时候是否会出问题，经过实际npm run…
Electron开发备忘
接了一个甲方的开发任务，经过选型考虑（其实是完全没有考虑），决定使用Electron进行开发。为什么要用Electron进行这次项目的开发呢？我对这个脚手架以及nodejs语言，几乎可以说是没有任何经验的。 主要考虑如下： 1、我想最终交付给用户的时候，是一个本地客户端的产品形式； 2、通过html快速实现页面、美观的页面； 3、这个产品本身就是一个BS架构的，那么在客户端这边，能够通过浏览器实现是最好的选择； 4、本来可以完全做成基于浏览器的形式，但是那会导致历史上经常遇到的问题：我无法控制用户的浏览器，尤其是一些“领导”们使用的浏览器，往往都是很陈旧的，页面表现会不一致。 暂且处于如上考虑，今天使用Electron搭建了一个基本开发环境，并且做了一些粗糙的页面，响应了页面上的事件，引入BootStrap5对页面进行美化，尝试了将项目make成exe运行包。感觉一切都可以接受。 另：当前开发环境在软件运行时，可以从login页面的底部看到。 一、项目存放路径： ~/Desktop/electron-app/my-electron-app 二、启动项目命令： npm run start 三、打包项目命令： npm run make 四、打包时为什么没有将bootstrap5的样式打入运行时的包中？ 运行提示：filed to load resource net err_file not found…