openstf二次开发

本文介绍了如何进行openstf的二次开发,包括STF项目介绍、前端和后端代码结构以及启动流程。重点讲解了前端涉及的技术栈如webpack、gulp、angularjs,以及如何增加新页面。后端部分提到了核心代码结构和数据库操作。
摘要由CSDN通过智能技术生成

前阵子公司打算做安卓手机的多机同步,所以决定从二次开发openstf入手。stf是一个很厉害的项目,开发了一大批周边插件。今年有幸见过simo一次,真是又高又帅又白又是大长腿(误!)。

stf项目的介绍

github地址: https://github.com/openstf/stf.
这个项目是B/S架构,浏览器端使用的是pug模版引擎,前端使用的是angular1,服务器使用的是nodejs,数据库使用的是对象型数据库rethinkdb,构建工具使用的是webpack+gulp。如果改动了前端,直接保存运行就好。如果改动的是lib下面的后端代码,需要先gulp clean一下。

stf目录介绍

/lib 后端代码
/res 前端web的代码
/bin 启动文件,其实是链接到lib/cli.js
/node_modules npm相关的组件
/rethinkdb_data rethinkdb的数据库文件,建议在stf目录下执行rethinkdb
Package.json npm所需要安装的组件集,以json格式保存

启动stf

先启动rethinkdb,然后再使用stf local启动平台。

前端代码

涉及的前端知识
  • webpack
  • gulp
  • angularjs
  • bower
  • angularjs
  • Promise
  • websocket
  • protobuf

对于一个非专业前端开发人员来说,这块需要全部了解的话,还是需要花费不少时间的。我们就从简单的来说。前端入口js是res/app/app.js。

// An highlighted block
angular.module('app', [
    'ngRoute',
    'ngTouch',
    require('gettext')
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值