simple-coder-cli

0.3.40 • Public • Published

环境配置

  1. 安装node,npm版本3以上。
  2. 把npm指向公司地址,命令行 2.1 npm config set registry http://npm.dev.sh.ctripcorp.com:8001/ 2.2这个是组件原始上传npm库 npm config set registry http://registry.npmjs.org/

3.在根目录运行 npm install

项目结构

  • android,ios,web下分别时项目运行在安卓、苹果、网页平台下的配置文件。
  • frontend 目录下是前端业务代码,其中js,reactjs子目录下是分别用js,reactjs实现的代码. 其中js/reactjs 目录下有4个子目录: 1.dev-server 开发测试用 2.release 打包发布用。 3.resources自动生成的前端代码 4.dist 打包后代码位置,在此位置代码可以用dev-server的nodejs服务进行测试展示。 --server目录下为服务端代码(含网站框架)其下有java/nodejs等子目录,分别为各种语言实现的soa 服务器及网站框架。目前仅支持java spring-boot框架。

--modules目录为业务定义位置,内部对各业务实体进行了定义。用simple-coder npm 插件可以根据这里的实体定义,进行自动生成服务器soa接口代码,数据库代码,及前端js代码,reactjs代码。

项目使用:

  • 首先在项目目录处安装npm 插件:npm install (因为reactjs es6 插件有bug,所有工程所需插件都在此处安装) -- 全局安装simple-coder: npm install -g simple-coder-cli

  • 在modules 里定义所需的实体类.

  • 进行代码自动生成: 1.自动生成js代码:simple-coder -g js 2.自动生成reactjs代码simple-coder -g rj 3.自动生成soa 的java代码 simple-coder -g server-java

    本项目本身已根据modules中的缺省几个实体定义,自动生成过一次代码,已有4个模块。

  • 打包测试(以js代码为例): 1.生成前端js代码及对应后端服务器代码 $:simple-coder -g js $:simple-coder -g server-java

    2.进入frontend\js\release\目录 3.打包:gulp 4.进入frontend\js\dev-server\目录 5 运行静态资源服务器 node www.js 6.进入java IDE(例入Eclipse/MyEclipse)打开导入(maven) server\java\simpleserver 项目,然后运行soa服务端代码 7.浏览器中打开 http://localhost:5389/admin/product/ 即可测试。

注:如果测试空白页,或者不熟悉java 的SOA服务器代码,可以在打包时加入参数gulp --host=http://api.zhangyongqiao.com:8080 使用远端公网上的服务器接口进行测试。

项目打包

样例:

FAQ

  • Q:在编译reactjs 项目时,如果编译报错“Module build failed: Error: Couldn't find preset "es2015" relative to directory ” A:这是因为babel所用的,es2015这个组件不能正常编译组件所在项目以外目录的源代码,也就是说源代码必须是node_modules的同级目录,或者当前目录的子目录。解决办法: 在工程根目录下,安装项目所需要的NPM组件。(当然包含es2015).

/simple-coder-cli/

    Package Sidebar

    Install

    npm i simple-coder-cli

    Weekly Downloads

    66

    Version

    0.3.40

    License

    MIT

    Last publish

    Collaborators

    • windwithlife