基于HTML5的手机端记事本设计

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

（３）执行ＳＱＬ查询：ｅｘｅｃｕｔｅＳｑｌ。
此，在ＨＴＭＬ５发展迅速的今天，无论是ＰＣ还是移动设
（２）记事本列表项的实现
备，ＨＦＭＩ５是未来的趋势。为了更好地体现ＨＴＭＩ５的优势，本文实现ｒ使用ＨＴＭＬ５ＷｅｂＳＱＬ数据库结合ｊＱｕｅｒｙ没汁制作网
（３）新增功能实现通过ＳＱ１语句将新增数据添加剑数据库，并重新调用列表函数，最后关闭新增“ 对话框” ，炎键代码如下：
ｔｘ．ｅｘｅｃｕｔｅＳｑｌ（ ” ＩＮＳＥＲＴＩＮＴＯｎｏｔｅｓ（ｔｉｔｌｅ，ｉｎｐｕｔＭｅｍｏ，ｌａｓｔ — ｄａｔｅ）
ＨＥＢＥＩＮＯＮＧＪ
摘要：本文介绍了一款基于ＨＴＭＬ５的手机端记事本的设计，主要采用了ＨＴＭＬ５的ＷｅｂＳＱＬＤａｔａｂａｓｅｓ和ｊＱｕｅｒｙ技术完成记事本的新建、记事、删除等功能。
关键词：ｈｔｍｌ５；ｊＱｕｅｒｙ；ＪａｖａＳｃ６ｐｔ；＇￣事本
∞
Ｖａｌｕｅｓ（？，？，ｄａｔｅｔｉｍｅ（ ’ ｎｏｗ ’ ， ’ ｌｎｃａｈｉｍｅ ’ ）） ” ，ｆｌｉｌｌｅ，ｉｎｐｕｔＭｅｍｅ］，ｉｆｍｃｉｆｏｎ（Ｉｘ，ｒｅｓｏｈ）｛
基于ＨＴＭＬ５的手机端记事本设计
威海职业学院
１ＨＴＭＬ５本地数据库概述
ＨＦＭ１５引入ＷｅｂＳＱＬＤａｔａｂａｓｅ概念，它使用ＳＱ１来操纵客户端数据库的ＡＰＩ，所以可以使用ＳＱＬ语句可以实现本地数据库、表的创建，数据的增删改查等功能，主要有以下— ｉ个核心方法。
ｉｔｅｍ＝ｒｅｓｕｌｔ．ｒｏｗｓ．ｉｔｅｍ（ｉ）；
根据实际需要，记事本的界面共包含记事列表、新增事、记事详细信息个部分，其中“ 新增记事 ” 和“ 记事详细信息 ” 两部分属于弹Ｈ３框，根据时间的触发而弹出，记事本贞而示如罔
—
／ｌＯｒｅＳｔｔ
，
ＩＪ，ｉｆｍｃｔｉｏｎ（ｔｘ，ｒｅｓｕｌｔ）ｆｉｆ（ｒｅｓｕｌｔ．ｒＯＷＳ．１ｅｎｇｔｈ＞０）｛ｆｏｒ（ｖａｒｉ＝０；ｉ＜ｒｅｓｕｌｔ．ｒｏｗｓ．１ｅｎｇｔｈ；＋＋）｛
ｌ所示
记摹本
凇＝耋
ｎｏｔｅ＋＝ ” ＜ｌｉｉｄ＝ ” ＋ｉｔｅｍ［ ” ｉｄ ” ｌ＋ ” ＞＜ａｈｒｅｆ＝ ’ ＃＞＜ｈ３＞ ” ＋ｉｔｅｍ
【 ” ｔｉｔｌｅ ” ’ ＜／ｈ３＞＜ｐ＞ ” ＋ｉｔｅｍ［ ” ｉｎｐｕｔＭｅｍｏ ” ＜／ｐ＞＜／ａ＞＜／ｌｉ＞ ” ；｝】｝）：
０
（ｔｘ）
ｉ
｛
＝ｏｐｅｎＤａｔａｂａｓｅ（ ’ ｔｏｄｏ ’ ，” ，” ，‘ ２１０２４１０２４ ’ ）：
ｔｘ．ｅｘｅ｛ｒｕｔｅＳｑｌ（ ” ＣＲＥＡＴＥＴＡＢＬＥＩＦＮＯＴＥＸＩＳＴＳｎｏｔｅｓ（ｉｄｉｎｔｅｇｅｒＰＲＩＭＡＲＹＫＥＹ，ｔｉｔｌｅｃｈａｒ（５０），ｉｎｐｕｔＭｅｍｎｔｅｘｔ，ｌａｓｔ — ｄａｔｅｄａｔｅｔｉｍｅ） ” ）；｝）；
增
通过ｓｑＩ语句删除对应的信息，并重新洲川列表数，关键
代码如下：
煞珏wenku.baidu.com
ｔｘ．ｅｘｅｅｕｔｅＳｑｌ（ ” ＤＥＩＥＴＥＦＲ（）ＭｎｏｔｅｓＷＨＥＲＥｉｒＩ－，ｌｖａｌｕｅ］，
图１
ｎｏｔｅＬｉｓｔ０；球（ ’ ．ｕｉ－ｄｉａｌｏｇ ’ ）．ｄｉａｌｏｇ（ ’ Ｃｌｏｓｅ ’ ）；Ｊ）；（４）删除功能实现
新增事和事 ’ Ｌ羊细信息页面，如图２、３所爪。
（１）创建并打开数据库：ｏｐｅｎＤａｔａｂａｓｅ。（２）控制事务提交或回滚：ｔｒａｎｓａｃｔｉｏｎ。
（ｆｕｎｃｔｉｏｎ
ｄｂ．ｔｒａｎｓａｃｔｉｏｎ（ｌｆｍｃｔｉｏｎ
贝版记事本。
２记事本界面设计
张ｗ￥
通过查询数据库，将查询到的结果追加剑＜１ｉ＞标签中。
ｔｅＦＲＯＭｌｘ．ｅｘｅ（＇ｕｔｅＳｑｌｆ ” ＳＥＬＥＣＴＭ，ｔｉｔｌｅ，ｉｎｐｕｔＭｅｍｏ，ｌａｓｔｄａ