站点编辑界面
在主界面中点击站点域名,即可进入到站点编辑界面,站点编辑界面的中间蓝色部分都是在该站点下的页面,点击URL下的页面名称可以进入对应页面的编辑界面。站点编辑界面中有发布、编辑、应用、运维、加入/删除模块、库文件列表、JOB列表、搜索、外部编辑等功能。
1. 站点发布
2. 站点编辑
如图所示站点编辑的下拉框灰色字体为还未支持功能。目前支持新建页面、浏览静态资源、应用站点主题、发布主题、编辑全站信息结构等。
2.1 新建页面
新建页面是在该站点下新建一个html页面,如图所示,新建页面需要创建一个url地址。勾选创建视口,则该页面为view。详情请点击此处。
2.2 浏览静态资源
点击浏览静态资源可以直接到达该项目域名的本地文件夹下的static文件夹,也就是该项目的静态文件目录下。
2.3 应用站点主题
应用站点主题提供各种主题给用户使用,用户可以根据自身需要应用对应的主题。如在wware.com域内可以使用多个主题,倘若wide模版里头的主题没有用户想要的,用户可以点击主题网站去搜索自己需要的主题,然后向技术部发一个主题申请贴,技术人员会将对应的主题处理后放到wide的模版里。
2.4 发布主题
通过发布主题共享主题内容。发布主题目录文件的基本要求:
1)上传主题预览图;
2)主题内容(不仅仅可以包含bootstrap的内容,未来其他依赖的css内容也放在这里);
3)注意css中不要包含外部资源,如果需要包含外部资源,则修改为本地。
2.5 编辑全站信息结构
在站点编辑页面,点击编辑下拉列表,选择全站信息结构,进入全站信息结构页面,如图所示,右键可以根据需要新建信息结构图。详细介绍请查看信息结构图。
3. 应用
设置开发项目所需要的格式(手机端、pc端)。通过该功能可以将用户创建的应用文件进行打包(手机、智能电视、pc端)。具体请查看打包过程。
4.运维
5. 模块
站点编辑模块共有删除模块和加入模块两种功能。
5.1 添加模块
后端开发人员在开发过程中某一些功能模块相同时,可以通过添加模块来将所有的相关页面导入到所添加的模块下,首先输入模块名,点击添加模块,系统会将对应的模块全部导入后端开发人员创建的模块下,如支付模块(payment)。
5.2 删除模块
当项目中不在需要该模块功能或者添加错误时,后端开发人员只需将要删除的模块名写在文本框中,并点击模块删除,便可以将模块删除。
6. 库文件列表
用户在编辑动态网站过程中产生的一系列动态链接的文件列表。
7. JOB列表
JOB列表是罗列站点定义的所有任务列表。
8. 搜索
输入页面url便可以搜索该项目域下的所有页面文件。
9. 外部编辑
外部编辑的配置
在wide主界面,点击设置,弹出如图所示的窗口,在外部编辑器位置根据提示配置对应的编辑器。
例如:windows 系统下如果安装成功 sublime 编辑器, 该处填入 "D:\Program Files (x86)\Sublime Text 2\sublime_text.exe" %path%
linux 系统下如果安装成功 sublime 编辑器, 该处填入 subl %path%
外部编辑分布提供了HTML、JS、CSS、SJS共四种编辑方式,上述配置成功后即可点击编辑。
| HTML:超级文本标记语言,在wide中,用户可以根据自身需求进行外部的html的编辑。
| JS:JavaScript,一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。在wide编辑中不需要交互设计师编写JS代码,相应的逻辑功能可以通过 逻辑 和 数据绑定 实现,但可以根据自身需求来编写js代码。
| CSS:层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。在wide中同样可以通过wide提供的编辑界面对元素的样式进行编辑,不需要用户自行编写CSS代码,但可以根据自身需要编写css代码。
| SJS:服务器端代码。
10. 编辑
点击编辑进入代码编辑界面,可以编写服务器端代码、页面、页面逻辑、页面样式类。
11. 文件位置
点击即可打开网页在电脑中的位置。
12. 浏览器打开
点击即可以从浏览器中查看页面效果。该页面应确保是已经被发布过的,否则会出现404错误。
13. URL重命名
用户可以根据项目需要通过URL重命名功能来修改页面的URL地址,如图所示。