系统配置说明-Lake.js前端开发工具包的设计与实现.docVIP

使用说明书 1运行环境安装与配置: 1.1软件环境 Sublime Text3.0、Node.js、mongoDB。 本系统开发使用Sublime Text3.0作为开发工具上安装Node.js 步骤如下： 下载node安装包并安装，我下载的版本是：-v0.10.26-x86.msi，如图1所示 图1 图1 node安装包(运行)，并依次按步骤点击下一步。其中需要设置Node.js的安装目录以及安装模式最后点击Install安装 图1-2 准备安装node 3.js，点击开始 可以看到环境变量中已经包含D:\nodeJs\ 4)检查Node.js版本 1.1.2 Sublime Text3.0的安装 1）下载Sublime Text3.0。Sublime Text3.0?安装只需要将其安装程序运行，并设置其安装路径。 2）Sublime Text3.0?安装好后界面如图1-3所示： Sublime Text3.0界面 1.1.3 Git的安装 Git是一个免费的开源的版本控制软件 1）下载Git（我下载的是Git2.7.2版本 2）点击安装，安装过程如图1-4所示 4所示的 4）点击菜单列表中的“Git Bash Here”，出现以下界面，显示 图1-4安装工具包完成 1.1.4安装bower前端包管理工具 1）打开Git界面输入命令install bower -g”,-g表示全局。 2）命令行显示如下提示： 3）完成安装过后，查看bower是否安装成功版本 1.1.5 Window平台MongoDB for Windows 64-bit。 2）根据你下载的msi文件，双击运行，按操作提示安装。安装过程中可以通过点击“Custom(自定义) 图1-5安装配置Tomcat 3）创建数据目录mongoDB将数据目录存数在db目录下但这个目录需要我们自己来创建注意:\”路径下。 本文中在D盘安装了mongoDB,我会创建一个data目录在D盘下然后在data目录下创建db目录 4）命令行下运行mongoDB服务器，系统开始输入“cmd”命令行提示符。 回车出现以下提示即运行成功 2使用说明 1）用户可以打开浏览器输入网址进入前端辅助开发系统LAS，未登录的用户将跳转至系统登录页面已注册的用户可以直接登录至系统1所示 图1 登录页面 2所示主界面中有创建布局分享布局等 图2-2 系统主界面 a layout链接即可进入如图2-3所示的创建布局界面。该界面中左侧为工具栏，右侧为空白工作区。用户点击工具栏中的选项即可在右侧添加对应的控件，如点击第一个容器按钮，工作区将出现一个带有灰色边框线的矩形，用户的鼠标停留在该矩形时，其上、右、下和右下角将出现半透明的调节层，并能显示当前控件的长宽像素值。作为一个容器控件，它可以容纳其他控件，成为他们在页面中的父节点。 图3 创建布局界面 用户点击主界面中的，可以查看到已创建的布局，如图-4所示，界面中按顺序排列了用户创建的布局如果想要编辑或删除一个布局用户只需点击右上角的箭头布局上就会出现一个编辑选项 图4 我的作品