第二次初始化

Author: xiongyj

.eslintignore

@@ -0,0 +1 @@
+**/echarts/*i*

Gruntfile.js

@@ -107,6 +107,7 @@ module.exports = function (grunt) {
   });
 
   grunt.registerTask('serve', function (target) {
+    console.log(target);
     if (target === 'dist') {
       return grunt.task.run(['build', 'open:dist', 'connect:dist']);
     }

README.md

@@ -1,2 +1,30 @@
 # 创宇盾星图
- * 前端架构 reactjs + reflux + webpack + 百度echarts + grunt + less, 采用ES6语法+ babel解析器
+ * 前端架构 reactjs + reflux模型 + webpack + 百度echarts + grunt + less, 采用ES6语法+ babel解析器
+## getting start
+
+### 本地开发
+ * `npm install`
+ * `grunt serve`
+   + grunt serve会启动本地开发服务器 webpack-dev-server
+   + webpack-dev-server方便使用热替换,程序一修改,界面马上改变
+   + 所以本地开发路径为:[http://localhost:8000/webpack-dev-server/](http://localhost:8000/webpack-dev-server/) 不要奇怪
+
+### 线上模式
+ * `npm install`
+ * `grunt build`
+  + 在dist 目录生产静态的文件,挂载到nignix 就行了
+
+### 参考资料
+ * reactjs
+   + [reactjs](http://facebook.github.io/react/)是以组件为基础,基于虚拟DOM和单向数据流的前端javascript库
+   + [reactjs 中文网](http://reactjs.cn/)
+
+ * flux结构
+  + [flux](https://github.com/facebook/flux)是一种前端架构,区别于传统前端MVC
+  + [reflux](https://github.com/reflux/refluxjs)是flux结构的一种具体实现
+
+ * webpack
+  + [webpack](https://webpack.github.io/)是模块加载器,其允许把npm包,图片和css整体打包到前端
+
+ * 百度echarts
+  + [echarts](http://echarts.baidu.com/) 是百度开发的基于zRender库的开源图表库

npm-debug.log

@@ -10,10 +10,11 @@
   "mainInput": "main",
   "mainOutput": "main",
   "dependencies": {
-    "react-router": "0.13.x",
-    "reflux": "^0.2.7", 
+    "echarts": "^2.2.7-webpack",
+    "normalize.css": "~3.0.3",
     "react": "0.13.x",
-    "normalize.css": "~3.0.3"
+    "react-router": "0.13.x",
+    "reflux": "^0.2.7"
   },
   "devDependencies": {
     "babel": "^5.0.0",

package.json

@@ -0,0 +1,12 @@
+'use strict';
+
+import Reflux from 'reflux';
+
+let ImageActions = Reflux.createActions({
+  'fetchList': {},
+  'login': {children: ['success', 'failed']}
+});
+export default ImageActions;
+
+
+

src/actions/ActionActionCreators.js

@@ -0,0 +1,29 @@
+'use strict';
+import React from 'react';
+import Router from 'react-router';
+import form from './components/form';
+import hacked from './components/hacked';
+
+let Route = Router.Route;
+let RouteHandler = Router.RouteHandler;
+let DefaultRoute = Router.DefaultRoute;
+
+let content = document.getElementById('content');
+
+let App = React.createClass({
+  render() {
+    return <RouteHandler />;
+  }
+});
+
+let Routes = (
+  <Route path="/" handler={App}>
+    <DefaultRoute handler={hacked}/>
+    <Route path="form" handler={form} />
+    <Route path="hacked" handler={hacked} />
+  </Route>
+);
+
+Router.run(Routes, function (Handler) {
+  React.render(<Handler/>, content);
+});