二、设计思路与开发工具
制作一个零食销售网站,能够满足用户的基本需求。网站的界面应该具有人性化,
美观大方。网站应具有商品的分类,分类应包括商品的大体分类和详细的分类,对于商
品应该具有一定的介绍,商品较好有一定的图辅助介绍,以便用户能够更好的了解自己
购买的商品。除了对于商品方面的内容外,网站还应该拥有对用户服务的界面,因此,
网站需要有用户注册和登陆的界面。对于用户注册界面,需要判断用户名称是否重复和
相关密码的验证。登陆界面以简单实用为主。用户选取商品后应该有支付的页面,支付
页面需要有用户支付方式等相关的信息,用户确认商品后应该可以做出取消的操作。
建立一个主页面,顿面有商品分类的链接、用户注册链接、用户登录链接以及部分
商品的信息情况。打开商品大体分类的链接后,可以看到具体的商品,每个商品有图片
介绍,在图片的下方有该商品的价格,点击商品的图片链接后,可以进入支付页面。在支
付页面中用户可以输入需要订购的商品数量,然后可以确认支付和取消操作。在进入用
户注册页面后,用户填写信息后可以进行核对操作,例如:核对用户名称是否重复、密码
是否填写正确等。用户进入登陆顷面后,输入信息后,如果输入的信息有误,可以重新
填写,确认输入无误后可以登陆。
HBuilder
适合
Web
开发。从
Frontpage
、
Dreamweaver
、
UE
,到
Sublime Text
和
JetBrains
的 WebStorm,Web 编程的 IDE 已经更换了几批。HBuilder 是 DCloud(数字天堂)推出
一款支持
HTML5
的
Web
开发
IDE
。“快,是
HBuilder
的最大优势,通过完整的语法提
示和代码输入法、代码块及很多配套,HBuilder 能大幅提升 HTML、js、css 的开发效率。”
问到
HBuilder
的优势时,
DCloud CEO
王安表示。
HBuilder
是
DCloud
(数字天堂)推出
的一款支持 HTML5 的 Web 开发 IDE。0H21Builder 的编写用到了 Java、C、Web 和 Ruby。
HBuilder
本身主体是由
Java
编写。端逻辑复杂度主要在于数据
+ UI +
交互的实现,就
比如一个 tab 页的功能,可以用 CSS 实现、用 JS 实现,JS 可以通过切换 remove
DOM
或者添加
classname
隐藏,虽然效果上都可以实现,添加
classname
的
CSS
方
式很难实现初始化状态。除此之外还需要对浏览器进行兼容性处理 + 响应式。这个项
目让我巩固了之前学的
js
和
css
,不足之处是细节问题还没有完善好,可以再添加一个
管理系统对烘焙甜品和用户进行管理。
它基于
Eclipse
,所以顺其自然地兼容了
Eclipse
的插件。快,是
HBuilder
的最大优
势,通过完整的语法提示和代码输入法、代码块等,大幅提升 HTML、js、css 的开发效
率。