家具厂管理软件界面设计与实现

家具厂管理软件界面设计与实现

目录

摘要............................................... - 1 -

一、引言........................................... - 2 -

二、项目需求分析................................... - 2 -

三、项目设计....................................... - 2 -

3.1开发工具介绍 ..................................... - 2 - 3.2运用的相关技术.................................. - 4 -

3.3设计详情........................................ - 4 -

四、项目实现...................................... - 17 -

4.1实现思路....................................... - 17 - 4.2具体实现....................................... - 18 -

4.3模块效果....................................... - 25 -

五、总结.......................................... - 25 -

摘要

家具厂管理软件ios移动端应用是家具企业管理工厂必备的软件，该软件能够极大提高工作效率，实现了管理效益最大化，市场营销数据化，生产管理数据化等优势。该软件的商品查询及购买模块的界面设计与实现部分，可以根据需

- 1 -

要进行模糊筛选、排序查询，点击商品可查看具体信息进行购买，有利于顾客的筛选购买。

关键词：移动端家具查询购买

一、引言

随着经济发展，人民生活水平不断提高，对家具的要求也越来越高，再加上移动端的高速发展，PC端的家具厂系统已不能满足人们的要求，智成软件进军家具厂管理软件的ios端的开发。该软件以手机端为核心，借助多种前端框架进行开发。该软件全面支持安卓、苹果系统的智能手机及PAD，实现与现有家具厂管理软件的实时无缝数据对接。实现了客户可随时管理家具厂，了解家具厂的具体情况的心愿。而本文将讲述该软件的商品查询及购买模块。

二、项目需求分析

1.随着互联网的高速发展，越来越多的行业将发展趋势转向了互联网方向，尤其是手机移动应用方向，手机方便携带，可随时操作发展空间极大。家具厂管理软件公司为顺应时代发展及广大客户的需求，开发移动端的家具厂软件ios 端移动应用。本软件的商品查询及购买模块，能够根据客户需要进行模糊查询，根据各种条件进行排序，查看商品具体信息进行购买。

2.技术可行性分析，本软件利用了接近原生Html5移动APP开发框架Ionic、AngularJS框架、Font Awesome图标字体库、node服务器等技术实现了页面的设计及数据的绑定与传递

三、项目设计

3.1开发工具介绍

WebStorm概述：

- 2 -

- 3 -

开发者誉为“Web 前端开发神器”、“最强大的HTML5编辑器”、“最智能的

JS 部分的功能。 优势功能

1、智能的代码补全

2、代码格式化

3、html 提示

4、联想查询

5、代码重构

6、代码检查和快速修复

7、代码调试

8、代码结构浏览、代码折叠

9、包裹或者去掉外围代码

Node.js 服务器概述： Node.js 是一个基于Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、

易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。

Node 是一个Javascript 运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript 的速度非常快，性能非常好。Node 对一些特殊用例进行了优化，提供了替代的API ，使得V8在非浏览器环境下运行得更好。

SQL Server 2008概述：

可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中。可以对数

据进行查询、搜索、同步、报告和分析之类的操作。数据可以存储在各种设备上，从数据中心最大的服务器一直到桌面计算机和移动设备，它都可以控制数据而不用管数据存储在哪里。

3.2运用的相关技术

Html、CSS、js以及各大框架如：Agularjs框架、Ionic框架、mobiscroll 滑动插件、SQL Server2008数据库以及浏览器的跨域运行（注：浏览器运行时需在浏览器的目标后面增加--disable-web-security）

3.3设计详情

（1）商品查询主模块可输入商品编码或名称进行模糊筛选，输入之后点击搜索即可显示所要查找的类似的商品

- 4 -

（2）点击排序就会从页面底部滑出选择排序方法的模态框，在这里可以选择不同的排序方法，排序方法有：按产品名称排序、按分类排序、按产品编码排序、按价格排序、按规格排序，点击刷新会刷新并返回到查询页面，点击取消会取消选择排序，返回查询页面

- 5 -