html5 mis,基于HTML5的客户端本地MIS系统的设计与实现

2023-11-01 20:50

本文主要是介绍html5 mis,基于HTML5的客户端本地MIS系统的设计与实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

基于Web的MIS系统由存储于服务器端的数据和客户端代码共同实现业务逻辑.设计开发流程复杂。HTML5的Web Storage功能在客户端本地保存数据,能够快速实现Web MIS系统的开发,提高应用程序的性能,减轻服务器端的负担。

基于 H ML T 5的客户端本地 MI S系统的设计与实现

钱海军

(海城市职业技术学院,海 590 )珠珠 100

要:基于 W e b的 MI S系统由存储于服务器端的数据和客户端代码共同实现业务逻辑 .计开设发流程复杂。 ML HT 5的 W e tr e功能在客户端本地保存数据,够快速实现 W e I bSoa g能 bM S 系统的开发,高应用程序的性能,轻服务器端的负担。提减

关键词:MI S;HT L;W e trg;服务器 M 5 bSoa e

1 H ML T 5的 We trg bS o a e功能概述

We t ae是 H ML bSo g r T 5对 H ML的 C o i存 T 4 oke s储机制的一种改善。其存储空间更大: 8下每个独立 I E

( ) cl oae据存储地址 1l aS rg数 o t以 C rm rw e为例,oa t ae中存储的数 ho eBo sr l lo g cS r

据以 S Lt3的数据库文件格式保存在以下地址:: Qi e C/

Do u ns a d S t n sUs r meL c lS t n sAp l— c me t n et g/ e Na/ o a e t g/ p i i i

的存储空间为 1M. 0其他浏览器实现略有不同.但都比 C 0i要大很多。每个域 ( oke包括子域 )有独立的存储空

间 .个存储空间是完全独立的 .各因此不会造成数据混乱 We t ae中的数据是存在于本地,会与服务 bSo g r不器发生任何交互。同时 . bSoae提供了一套更为 We t g r丰富的接口和两种数据保存方式 .使得数据操作更为

简便。

1 1 eso t a . s si nS orge

c to t/ o l/ r meUs rDaaDe a l I a tr ain DaaGo geCh o/ e t/ fu t ̄c lSo -/

ae这个目录中可以看到一系列类似 ht lgn g在 t oi. p

_

to a .o . c l oa e式的文件。 a b o r 01 as rg形 cn o t

l a t ae据库作用域限定于 H M 5定义 . o lo g数 cSr T L源 基本上就是三元组( hme hs p r。换句话说,地 s e, ot ot c, )本存储数据库在同样域名下的网页间是共享的 .

即便是

在多个浏览器标签页中

( ) c ltrg 2 l aSoa e的用法 o

8s oS rg是会话级别的存储 .不是持久化的 es n t ae i o本地存储。ssi S rg用于本地存储一个会话 ( s es n t ae o o s. e

so )的数据 .些数据只有在同一个会话中的页面 in中这

lclt aee g:返回现在已经存储的变量数 oa o g .nt Sr 1 h

目。

才能访问并且当会话结束后数据也随之销毁。

12 o aS o a e . l c l t r g

l a t ae e (:第 n个变量的键值( y。 o lo g. y ) c S r k nJ ̄ k ) e l a t ae e e () 1oa t ae o l o g . t m k: cl o g. cS r g h ̄ l S r k一样 .得取

键值为 k的变量的值

lcl o e是 We tr e联网存储规范中的 oa t S mg bS a互 og

l a t ae el m(,) l aS rg.= o l o g . te kv: o l oae v一样, cS r s t和 c t k

设置键值 k的变量值。 l a t ae e oe e k:除键值为 k的变量。 o l o g . m vh mf删 cSr r )

部分。提供了简单的 JvSr t P,来在浏览器它 aaci I用 pA中持久化 ky vle值对 l a t ae于持久化的 e- a键 u o lo g用 cSr

本地存储 .也就是将数据保存在客户端本地的硬件设备 (常指硬盘。也可以是其他硬件设备 ),通但中即使本

l a t ae l r: o l o g.e O清空所有变量。 c S r ca

次会话结束 .该数据仍然存在并在下次会话中仍然可

以使用

2系统模块设计

将 We tr e为数据库来利用能够快速开发 bS a作 0g

收稿 1:0 2 0— 9 3期 2 1— 6 2

修稿日期: 0 2 7 2 2 1一O— 6

作者简介:海军 ( 9 9,,肃兰州人,钱 1 7一)男甘本科,师,究方向为计算机应用讲研

囝现计机 21.上代算 02 8 0

1-1824-png_6_0_0_0_0_884_1072_883.5_1072.5-1503-0-0-1503.jpg

这篇关于html5 mis,基于HTML5的客户端本地MIS系统的设计与实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/325647

相关文章

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

前端知识点之Javascript选择输入框confirm用法

《前端知识点之Javascript选择输入框confirm用法》:本文主要介绍JavaScript中的confirm方法的基本用法、功能特点、注意事项及常见用途,文中通过代码介绍的非常详细,对大家... 目录1. 基本用法2. 功能特点①阻塞行为:confirm 对话框会阻塞脚本的执行,直到用户作出选择。②

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中

C# string转unicode字符的实现

《C#string转unicode字符的实现》本文主要介绍了C#string转unicode字符的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录1. 获取字符串中每个字符的 Unicode 值示例代码:输出:2. 将 Unicode 值格式化

python安装whl包并解决依赖关系的实现

《python安装whl包并解决依赖关系的实现》本文主要介绍了python安装whl包并解决依赖关系的实现,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录一、什么是whl文件?二、我们为什么需要使用whl文件来安装python库?三、我们应该去哪儿下