202.Wex5开发环境的安装与基本使用 2019.08.29

Wex5 专栏收录该内容
1 篇文章 0 订阅

1.Wex5简介

WeX5是跨端移动开发框架,将H5的标签封装成组件,实现可视化、组件化快速开发。实现一次开发,多端(iOS、安卓和微信)运行。前端采用H5 + CSS3 + JS标准,使用AMD规范的RequireJS、Bootstrap、jQuery等技术;基于PhoneGap(Cordova)采用混合应用(Hybrid App)开发模式,可以轻松调用手机设备和硬件能力,如相机、地图、LBS定位、指南针、通话录、文件、语音、电池等等;支持多种类型的后端,包括Java、PHP和.NET等,同时也支持云API;提供一键部署,用于将开发的App部署到云服务器CloudX5上。

1.1 Wex5官方网站

Wex5官网链接-justep-起步科技

1.2 Wex5下载

2.Wex5安装

  • Wex5在安装之前,需要先安装JDK8、Tomcat7,并配置JDK8的环境变量。

2.1 JDK8下载安装、环境变量配置

2.2 Tomcat7下载安装、 环境变量配置

2.3 Wex5安装

  • 解压wex5安装包到D盘当中,注意不要解压到带有以下特殊情况的目录中

!不要放在含中文、空格和特殊字符的目录下

  • 双击-启动Wex5开发工具,如图所示在这里插入图片描述
  • 切换到J2EE视图模式
    在这里插入图片描述

2.4 Tomcat插件、环境配置

  • Window > Preferences > server > Runtime Invironment > Add 选择下载的Tomcat的版本添加
    在这里插入图片描述
    在这里插入图片描述
  • 选择你本地下载Tomcat路径,完成即可
    在这里插入图片描述
  • 把Tomcat服务器显示在控制台上,将Web应用部署到Tomcat中
    在这里插入图片描述
    在这里插入图片描述

2.5 Maven插件安装

  • Help > Install New Software
    在这里插入图片描述
  • 在work with输入下载地址:http://download.eclipse.org/releases/juno
  • 输入框中添加maven
  • 勾选Colaboration->m2e – Maven Integration for Eclipse
    在这里插入图片描述
  • 等待在线安装(此安装过程,大概需要几分钟!!!),再重新自动启动IDE即可导入maven项目了

2.6 项目数据库配置-JDBC

  • 配置jdbc.properties(这个是配置Tomcat的数据库信息)
  • 下载JDBC(下载jdbc-iservice文件)
    在这里插入图片描述
  • 增环境变量名、值
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

2.7 安装SVN、Subclipse插件

svn://svn.midea.com/ISERVICE_DEV/iService_Vietnam/Branches/iService_Vietnam_V01R01_20190620_SIT/web/system

  • 如图所示
    在这里插入图片描述
  • 安装Subclipse插件
  • help ->eclipse marketPlace
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

2.8 配置Config.js文件 (前端端口)

  • 修改Tomcat中的三个端口号
    在这里插入图片描述
  • 修改config.js文件中的端口:UI2-> portal->base ->config.js
    在这里插入图片描述

3.前后端代码导入

3.1 前端代码导入

  • WeX5_V3.7->model->UI2->鼠标右键->SVN Checkout->选择对应的URL->点击确定
  • 前端需要导入iservice、portal、system三个文件夹(这三个文件夹,位于\model\UI2下面)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

3.2 后端java代码导入

  • 通过maven进行后端java代码的导入(maven插件的安装见上面第三条)
  • 首先,要从SVN仓库中checkout下来DB、java、web三个文件夹,保存到本地
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

4.连接Navicat数据库

  • 为了更好的操作数据库,我们需要连接Oracle,配置选项如下:
    在这里插入图片描述
  • 配置选项参数:

iservice.url=jdbc:oracle:thin:@(DESCRIPTION=(ADDRESS = (PROTOCOL = TCP)(HOST = 10.16.48.77)(PORT=1523))(CONNECT_DATA = (SERVER = DEDICATED)(SERVICE_NAME = isvcsit)))
iservice.username= svc
iservice.password= jeQCM3+U_JT6Ae7L

在这里插入图片描述

5.运行项目

  • 启动tomcat、服务器
    在这里插入图片描述
  • 本地测试URL

http://localhost:8080/x5/UI2/v_/portal/index.w

用户名:guoyg1
密码:admin

在这里插入图片描述

  • 运行成功页面
    在这里插入图片描述

6.一些bug、解决方法

1)Bug:进入到系统页面后,出现不断的刷新页面问题!!!
问题提示:index.min.js:1 Error: the fixed layout requires the slimscroll plugin!

2)解决方式:
方法一:
由于之前更新了index.min.js文件,但SVN上面的文件还未更新,导致文件结构前后不一致,所以使用未更新过的portal文件替换从SVN下载下来的portal文件

方法二:
require一个jquery.slimscroll.min插件,更新portal文件(墙裂推荐使用此方法!!!真实有效)
在这里插入图片描述

  • 4
    点赞
  • 2
    评论
  • 7
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值