CN110286888A - 一种软件的开发方法及开发系统 - Google Patents
一种软件的开发方法及开发系统 Download PDFInfo
- Publication number
- CN110286888A CN110286888A CN201910263161.2A CN201910263161A CN110286888A CN 110286888 A CN110286888 A CN 110286888A CN 201910263161 A CN201910263161 A CN 201910263161A CN 110286888 A CN110286888 A CN 110286888A
- Authority
- CN
- China
- Prior art keywords
- user
- development
- software
- page
- designed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
本发明公开了一种软件的开发方法及开发系统,包括使用软件开发工具新建应用,在应用中新建待设计文件;使用HTML语言和CSS语言对待设计文件进行页面设计,使用CSS语言编辑待设计文件的页面;套用Bootstrap框架对待设计文件的页面进行前端设计;使用JavaScript语言编写脚本以及给待设计文件页面中需要用户点击操作的控件添加响应事件等步骤;通过使用上述开发方法及系统,能够使开发完成的软件适应不同操作系统、不同配置的应用设备,在不同的应用设备上拥有相同的用户体验。优点是,提升开发效率,节省开发时间,简化后期维护。
Description
技术领域
本发明涉及软件开发领域,尤其涉及一种软件的开发方法及开发系统。
背景技术
随着移动互联网的蓬勃发展,各个商家(或作者)不断地把原先在PC端的商务、学习、娱乐、影音、游戏等软件或网站布局到移动端,但由于电脑厂商过于繁杂,又没有形成统一的开发生产规范,不同的厂商之间形成了不同的移动操作系统,同一个操作系统也形成了不同规格的电脑配置(各品牌电脑分辨率规格繁多),这就使得移动应用开发人员不得不为了在各电脑上形成统一的用户体验、而针对不同的操作系统和电脑配置开发多套应用,致使开发效率低下。
发明内容
本发明的目的在于提供一种软件的开发方法及开发系统,从而解决现有技术中存在的前述问题。
为了实现上述目的,本发明采用的技术方案如下:
一种软件的开发方法,包括:
S1、使用软件开发工具新建应用,在应用中新建待设计文件,并使用HTML语言和CSS语言对待设计文件进行页面设计;
S2、套用Bootstrap框架对待设计文件的页面进行前端设计,同时使用CSS语言编辑待设计文件的页面,使待设计文件的页面尺寸可随应用设备的屏幕宽度变化而变化;
S3、使用JavaScript语言编写脚本,将用户登录信息保存到本地存储器中,并且给待设计文件页面中需要用户点击操作的控件添加响应事件;
S4、用户点击相应的控件,令客户端向后端服务器发送用户请求;
S5、后端服务器接收并处理用户请求,并根据用户请求所属类型在数据库中查找对应的数据,将数据反馈给客户端;
S6、客户端接收数据,并将数据的不同部分展示在待设计文件页面的对应位置上,完成软件开发。
优选的,所述软件开发工具为WeX5软件。
优选的,步骤S1中,使用HTML语言编辑待设计文件的页面内容,使用CSS语言编辑带设计文件的页面样式。
优选的,使用HTML语言编辑待设计文件的页面内容时,可在源码视图中编辑所有页面内容,或者是在设计视图中将相应的需要用户点击操作的控件拖拽到页面相应的位置。
优选的,使用JavaScript语言检测应用设备的屏幕宽度。
优选的,客户端利用AJAX技术向后端服务器发送用户请求。
优选的,所述后端服务器使用PHP语言处理用户请求。
本发明的目的还在于提供一种开发系统,所述开发系统用于实现上述任一所述的开发方法,包括:
本地存储器,用于存储用户登录信息;
客户端,用于在用户操作响应控件时向后端服务器发送用户请求,并接收后端服务器反馈的数据,将数据的不同部分展示在待设计文件页面的对应位置上;
后端服务器,用于接收并处理客户端发送的用户请求,并在数据库中查找与用户请求对应的数据;
数据库,用于存储与用户请求对应的数据。
本发明的有益效果是:1、开发完成的软件可以在不同的系统、不同配置的移动设备上表现良好。2、只需要开发一套系统即可,更新或者是修复只需要在一个系统上完成,提高开发效率。
附图说明
图1是本发明实施例中开发方法的流程图;
图2是本发明是实施例中考试软件的功能图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施方式仅仅用以解释本发明,并不用于限定本发明。
如图1所示,本发明提供了一种软件的开发方法和开发系统,所述开发方法包括如下步骤:S1、使用软件开发工具新建应用,在应用中新建待设计文件,并使用HTML语言和CSS语言对待设计文件进行页面设计;S2、套用Bootstrap框架对待设计文件的页面进行前端设计,同时使用CSS语言编辑待设计文件的页面,使待设计文件的页面尺寸可随应用设备的屏幕宽度变化而变化;S3、使用JavaScript语言编写脚本,将用户登录信息保存到本地存储器中,并且给待设计文件页面中需要用户点击操作的控件添加响应事件;S4、用户点击相应的控件,令客户端向后端服务器发送用户请求;S5、后端服务器接收并处理用户请求,并根据用户请求所属类型在数据库中查找对应的数据,将数据反馈给客户端;S6、客户端接收数据,并将数据的不同部分展示在待设计文件页面的对应位置上。所述开发系统包括:本地存储器,用于存储用户登录信息;客户端,用于在用户操作响应控件时向后端服务器发送用户请求,并接收后端服务器反馈的数据,将数据的不同部分展示在待设计文件页面的对应位置上;后端服务器,用于接收并处理客户端发送的用户请求,并在数据库中查找与用户请求对应的数据;数据库,用于存储与用户请求对应的数据。通过使用该开发方法进行软件的开发,使开发完成的软件能够满足不同应用设备的屏幕宽度,所述软件在应用设备上进行显示时,可以自适应的根据应用设备的屏幕宽度进行显示。
本实施例中,所述软件开发工具为WeX5软件,该软件能够提高开发效率,支持多种后台开发语言。
本实施例中,所述步骤S1中,使用HTML语言编辑待设计文件的页面内容,使用CSS语言编辑带设计文件的页面样式,HTML语和CSS语言对页面进行设计美化,使页面能够呈现出更美观的视觉效果。
本实施例中,使用HTML语言编辑待设计文件的页面内容时,可在源码视图中编辑所有页面内容,或者是在设计视图中将相应的需要用户点击操作的控件拖拽到页面相应的位置。
本实施例中,使用JavaScript语言检测应用设备的屏幕宽度,以便使开发完成后的软件页面能够与应用设备的屏幕宽度呈一定比例,能够随应用设备的屏幕宽度变化而变化,更好的适应不同的应用设备,无需开发人员针对不同的应用设备开发多套软件,仅开发此一套软件,就可以实现在不同的应用设备上自适应的调整页面宽度,满足不同应用设备的屏幕宽度,在不同应用设备上呈现相同的效果。
本实施例中,客户端利用AJAX技术向后端服务器发送用户请求。
本实施例中,后端服务器在数据库中查询数据时,采用的是ASP.NET MVC框架,具体点说,在ASP.NET MVC应用程序的运行过程中,用户请求会发送到Controllers中,这样就对应了ASP.NET MVC应用程序中的Controllers文件夹,Controllers只负责数据的读取和页面逻辑的处理。在Controllers读取数据时,需要通过EF从数据库中读取相应的信息,读取数据完毕后,对应的将数据封装到Models的实体对象中,Controllers再将数据和Controller整合并提交到Views视图中,整合后的页面将通过浏览器呈现在用户面前。
本实施例中,后端服务器使用PHP语言处理用户请求。
本实施例中,当把该开发方法应用在考试软件的开发上,开发完成的考试软件中的功能图如图2所示,使考试软件能够应用在不同的操作系统,不同品牌的电脑上,实现学生和教师的在线考试或成绩查询。
通过采用本发明公开的上述技术方案,得到了如下有益的效果:
本发明通过提供一种软件的开发方法及开发系统,开发人员可以使用该开发方法进行软件的开发,使开发完成后的软件,不同的操作系统、不同的应用设备上能够形成统一的用户体验,无需针对不同的操作系统、不同的应用设备,开发几种不同的软件,大大提高开发效率,节省开发时间,同时在后期维修的时候也更加的快捷方便。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
Claims (8)
1.一种软件的开发方法,其特征在于,包括:
S1、使用软件开发工具新建应用,在应用中新建待设计文件,并使用HTML语言和CSS语言对待设计文件进行页面设计;
S2、套用Bootstrap框架对待设计文件的页面进行前端设计,同时使用CSS语言编辑待设计文件的页面,使待设计文件的页面尺寸可随应用设备的屏幕宽度变化而变化;
S3、使用JavaScript语言编写脚本,将用户登录信息保存到本地存储器中,并且给待设计文件页面中需要用户点击操作的控件添加响应事件;
S4、用户点击相应的控件,令客户端向后端服务器发送用户请求;
S5、后端服务器接收并处理用户请求,并根据用户请求所属类型在数据库中查找对应的数据,将数据反馈给客户端;
S6、客户端接收数据,并将数据的不同部分展示在待设计文件页面的对应位置上,完成软件开发。
2.根据权利要求1所述的软件的开发方法,其特征在于:所述软件开发工具为WeX5软件。
3.根据权利要求1所述的软件的开发方法,其特征在于:步骤S1中,使用HTML语言编辑待设计文件的页面内容,使用CSS语言编辑带设计文件的页面样式。
4.根据权利要求3所述的软件的开发方法,其特征在于:使用HTML语言编辑待设计文件的页面内容时,可在源码视图中编辑所有页面内容,或者是在设计视图中将相应的需要用户点击操作的控件拖拽到页面相应的位置。
5.根据权利要求1所述的软件的开发方法,其特征在于:使用JavaScript语言检测应用设备的屏幕宽度。
6.根据权利要求1所述的软件的开发方法,其特征在于:客户端利用AJAX技术向后端服务器发送用户请求。
7.根据权利要求1所述的软件的开发方法,其特征在于:所述后端服务器使用PHP语言处理用户请求。
8.一种开发系统,所述开发系统用于实现上述权利要求1至7任一所述的软件开发方法,其特征在于,包括:
本地存储器,用于存储用户登录信息;
客户端,用于在用户操作响应控件时向后端服务器发送用户请求,并接收后端服务器反馈的数据,将数据的不同部分展示在待设计文件页面的对应位置上;
后端服务器,用于接收并处理客户端发送的用户请求,并在数据库中查找与用户请求对应的数据;
数据库,用于存储与用户请求对应的数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910263161.2A CN110286888A (zh) | 2019-04-02 | 2019-04-02 | 一种软件的开发方法及开发系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910263161.2A CN110286888A (zh) | 2019-04-02 | 2019-04-02 | 一种软件的开发方法及开发系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110286888A true CN110286888A (zh) | 2019-09-27 |
Family
ID=68001302
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910263161.2A Pending CN110286888A (zh) | 2019-04-02 | 2019-04-02 | 一种软件的开发方法及开发系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110286888A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030025728A1 (en) * | 2001-07-10 | 2003-02-06 | Ebbo David S. | User control objects for providing server-side code generation from a user-defined dynamic web page content file |
CN104461580A (zh) * | 2014-12-30 | 2015-03-25 | 北京经开投资开发股份有限公司 | 一种Web用户界面实现方法 |
CN105824640A (zh) * | 2016-03-18 | 2016-08-03 | 浪潮软件集团有限公司 | 一种生成Web前端交互页面的方法 |
-
2019
- 2019-04-02 CN CN201910263161.2A patent/CN110286888A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030025728A1 (en) * | 2001-07-10 | 2003-02-06 | Ebbo David S. | User control objects for providing server-side code generation from a user-defined dynamic web page content file |
CN104461580A (zh) * | 2014-12-30 | 2015-03-25 | 北京经开投资开发股份有限公司 | 一种Web用户界面实现方法 |
CN105824640A (zh) * | 2016-03-18 | 2016-08-03 | 浪潮软件集团有限公司 | 一种生成Web前端交互页面的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109564505B (zh) | 人工智能引擎、系统及机器可读存储设备 | |
Shi et al. | World of bits: An open-domain platform for web-based agents | |
Moors et al. | Transitioning from block-based to text-based programming languages | |
US11727265B2 (en) | Methods and apparatus to provide machine programmed creative support to a user | |
JP2002513185A (ja) | ローカルコンピュータ及びインターネットとともに使用するインテリジェントアシスタント | |
CN103970534A (zh) | 一种提供移动应用中的渲染页面的方法与设备 | |
Todi et al. | Familiarisation: Restructuring layouts with visual learning models | |
CN107463331A (zh) | 手势轨迹模拟方法、装置及电子设备 | |
CN103955495B (zh) | 页面子资源的下载方法及装置 | |
CN107861954A (zh) | 基于人工智能的信息输出方法和装置 | |
CN110737339A (zh) | 基于深度学习的视觉—触觉交互模型构建方法 | |
Wong et al. | Assistq: Affordance-centric question-driven task completion for egocentric assistant | |
CN114730306A (zh) | 强化学习软件代理的数据增强训练 | |
CN104156421A (zh) | 页面的展现方法、装置及系统 | |
CN110286888A (zh) | 一种软件的开发方法及开发系统 | |
CN112334914A (zh) | 使用生成式前导神经网络的模仿学习 | |
CN110135583A (zh) | 标注信息的生成方法、标注信息的生成装置和电子设备 | |
Mita et al. | 15‐year educational experience on autonomous electronic information devices by flipped classroom and try‐by‐yourself methods | |
CN117850786B (zh) | 一种基于用户偏好的自适应用户界面生成方法及系统 | |
Eskonen | Deep reinforcement learning in automated user interface testing | |
CN117850786A (zh) | 一种基于用户偏好的自适应用户界面生成方法及系统 | |
Zhang et al. | A novel action decision method of deep reinforcement learning based on a neural network and confidence bound | |
WO2021237394A1 (en) | A crawler of web automation scripts | |
Kuo | A cognitive engineering-based approach to designing hypermedia applications | |
Nguyen | Enriching Communication Between Humans and AI Agents |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |