- 2024-10-24ssts-hospital-web-master项目实战记录五:环境配置
记录时间:2024-10-24《.env.development》VITE_APP_ENV=development#VITE_APP_BASE_URL=/apiVITE_APP_BASE_URL=http://127.0.0.1:9000/VITE_APP_ADAPTERSERVICE_URL=http://127.0.0.1:9080/VITE_APP_TERMINALSERVICE_URL=http://localhost:8881/VITE_APP_EZWAREWEBSOCKET
- 2024-10-23ssts-hospital-web-master项目实战记录四:主要配置
记录时间:2024-10-231.配置浏览器自动打开配置文件:package.json "scripts":{ "dev":"vite--open" } 2.配置src别名(1)安装@types/node输入npm命令npm i@types/node--save-dev(2)配置文件:vite.config.tsimport{defineConfig}from'vi
- 2024-10-23ssts-hospital-web-master项目实战记录三:项目开发规范
记录时间:2024-10-23参考书籍《Vue.js3+TypeScript完全指南》17.3 项目开发规范 在企业项目开发中,通常由多人一起协作完成开发任务,每个人编写的代码风格可能不统一。为了避免出现问题,一般会制定一些规范来约束整个项目的编码风格,包括编辑器规范、代码格式规范、编写代码
- 2024-10-23ssts-hospital-web-master项目实战记录二:版本管理-git
记录时间:2024-10-231.VSCode打开项目(1)文件→打开文件夹,对应的英文为File→OpenFolder(2)打开效果如下 2.VSCode本地项目托管 (1)打开终端:Terminal→NewTerminal(2)生成仓库:git init输入 git命令git init (3)添加到暂存区:git add.输入 git命令git add. (4)提
- 2024-10-23ssts-hospital-web-master项目实战记录一:创建项目
记录日期:2024-10-231.找到存放项目的文件夹,打开cmd命令 2.使用官方脚手架Vite创建项目(1)输入npm命令npmcreatevite@latest(2)输入项目名称:ssts-hospital-web-master (3)选择框架:Vue(4)选择变体(使用的编程语言):TypeScript(5)构建完成,提示我们用三行命令进行接下来的操
- 2024-03-20ssts-hospital-web-master项目实战记录五十:项目迁移-页面模块实现(主框架-文件结构)
记录时间:2024-03-20文件结构 翻译搜索复制
- 2024-03-20ssts-hospital-web-master项目实战记录四十九:项目迁移-业务模块实现(静态资源-文件结构)
记录时间:2024-03-20文件结构 翻译搜索复制
- 2024-03-16ssts-hospital-web-master项目实战记录三十三:项目迁移-核心模块实现(useDeviceDriver-银行卡读卡器)
一、设备驱动模块实现service/device-driver/ezware/function-ws/idc-motor-device.tsimport{EventFunctionType,EventResultType}from'@/types'import{EZMessageType,EZWebSocket}from'./ez-web-socket'classIdcMotor{ client:EZWebSocket
- 2024-02-29ssts-hospital-web-master项目实战记录三十:项目迁移-Hook实现(useSystemService)
记录时间:2024-02-29一、useSystemService模块实现service/system-service/useTerminalService.tsimporthydatefrom'@/utils/date-format'import{LogInfo}from'@/framework/utils/log-local'import{Device}from'@/types/device'impor
- 2024-02-28ssts-hospital-web-master项目实战记录三十:项目迁移-Hook实现(useDeviceStore)
记录时间:2024-02-28一、useDeviceStore模块实现types/device.ts//定义DeviceInfo的类型interfaceDeviceInfo{ Id:string TypeId:number TypeName:string DeviceId:number OrderNo:number DeviceName:string DeviceCode:string ParentI
- 2024-02-28ssts-hospital-web-master项目实战记录二十九:项目迁移-Hook实现(useDictStore)
记录时间:2024-02-28一、useDictStore模块实现const/index.ts//常量constDICT_VERSIONDATA='versionData'constDICT_PAGE='page'constDICT_COMMON='common'constDICT_DEVICE='device'constDICT_SYSTEM='system
- 2024-02-28ssts-hospital-web-master项目实战记录二十八:项目迁移-Hook实现(useFlowStore)
记录时间:2024-02-28一、useFlowStore模块实现store/useFlowStore.tsimport{defineStore}from'pinia'import{Flow,Flows}from'@/types/flow'exportconstuseFlowStore=defineStore('flow',{ state:()=>({ flow:{}as
- 2024-02-27ssts-hospital-web-master项目实战记录二十六:项目迁移-Hook实现(useDataStore)
记录时间:2024-02-27一、useDataStore模块实现store/useDataStore.tsimport{defineStore}from'pinia'import{ DICT_PAGE, DICT_COMMON, DICT_DEVICE, DICT_SYSTEM, DICT_STATIC, DICT_NULL, DICT_CONFIG, DICT_OUT}from'@/const'ex
- 2024-02-27ssts-hospital-web-master项目实战记录二十六:项目迁移-Hook实现(usCountdown)
记录时间:2024-02-27记录时间:2024-02-26一、useCountdown模块实现hooks/useCountdown.tsimport{ref,onUnmounted}from'vue'exportfunctionuseCountdown(initialSeconds:number){ constcounter=ref(initialSeconds) letinterval:ReturnType<typeof
- 2024-02-27ssts-hospital-web-master项目实战记录二十六:项目迁移-Hook函数(useDialog.ts)
记录时间:2024-02-27【使用“文心一言”搜索】指令:Vue项目使用tssetup语法,实现页面遮幕弹框,封装Hook函数,包含ShowAlert、ShowConfirm、ShowPrompt、ShowMsg、ShowError、HideMsg、PageLoading、PageLoaded、MenuUnableUse 在Vue3项目中,结合CompositionAPI和TypeScript
- 2024-02-27ssts-hospital-web-master项目实战记录二十四:项目迁移-Hook函数(useCountdown)
记录时间:2024-02-26 【使用“文心一言”搜索】指令:Vue项目使用tssetup语法,实现页面倒计时,封装Hook函数,包含start、reset、stop在Vue3中,你可以使用<scriptsetup>语法和CompositionAPI来封装一个倒计时Hook函数,该函数包含start、reset和stop等方法。下面是如何实现这个倒
- 2024-02-26ssts-hospital-web-master项目实战记录三十:项目迁移-插件实现说明
记录时间:2024-02-26一、准备工作【使用“文心一言”搜索:Vue.js中模块和插件有什么区别?】在Vue.js中,模块(Modules)和插件(Plugins)都是用于扩展和增强Vue.js功能的方式,但它们在使用和目的上有一些不同。模块(Modules)模块是Vue.js中组织代码的一种方式,通常用于将应用程序划分为不同
- 2024-02-25ssts-hospital-web-master项目实战记录十六:项目迁移-模块实现(page-info)
记录时间:2024-02-25二、page-info模块实现framework/page-info/index.ts//javascript用来遍历指定对象所有的属性名称和值//obj需要遍历的对象constallProps=function(obj:any,props:string=''):string{ //使用Object.keys()获取对象自身的所有属性键
- 2024-02-25ssts-hospital-web-master项目实战记录十四:项目迁移-模块实现(log-local)
记录时间:2024-02-25一、log-local模块实现framework/config/index.ts//终端日志文件配置constLogTerminalInfoDir='D:\\LogInfo\\LogTerminalInfo\\'constLogTerminalInfoFileNamePrefix='LogTerminalInfo'//错误页面快照文件配置constLogErrorPageSnapshotFil
- 2024-02-24ssts-hospital-web-master项目实战记录十三:项目迁移-架构设计(前台管理)
记录时间:2024-02-24前台管理 CashTradeClean.html CashTradeDetails.html CashTradeSettle.html DeviceTest.html GoodsManage.html login.html Main.html ReceiptReprint.html SystemManage.html翻译搜索复制
- 2024-02-24ssts-hospital-web-master项目实战记录十三:项目迁移-架构设计(适配器、设备驱动)
记录时间:2023-02-24适配器adapter.jsadapter/adapter.ts:全部1.属性 2.函数 2.1.标准适配器 2.2.Ajax操作 adapterPOS.jsadapter-pos.ts:全部1.入口2.属性 3.函数 设备驱动devicedriver.jsdevice-driver/index.ts:全部1.以发卡机为例
- 2024-02-24ssts-hospital-web-master项目实战记录十二:项目迁移-架构库和插件库
记录时间:2024-02-24架构库和插件库1.架构库(1)common.js (2)web.*.js 2.插件库待建设 一、Html项目js文件目录结构(VS2015) 二、Vue项目ts文件目录结构(VS Code)1.架构库 2.插件库 翻译搜索复制
- 2024-02-23ssts-hospital-web-master项目实战记录十:master-*.vue组件实现
记录时间:2024-02-23Master_Basic.html<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head> <title>主页</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"
- 2024-02-23ssts-hospital-web-master项目实战记录八:App.vue组件实现
记录时间:2024-02-23App.vue<scriptsetuplang="ts">import{defineComponent,ref,computed,onMounted,onUnmounted}from'vue'importMainPage1from'@/views/main-page/main-page1.vue'importMainPage2from'@/views
- 2024-02-22ssts-hospital-web-master项目实战记录七:项目迁移-主页及其组成
记录时间:2024-02-221.主页及其组成(1)index.html->App.vue(2)MainPage*.html->views/main-page/main-page*.vueMainPage1.html->views/main-page/main-page1.vueMainPage2.html->views/main-page/main-page2.vueMainPage3.html->views/main-page/main-page3