Giter Club home page Giter Club logo

plan's Introduction

plan

静态的项目排期模板,基于Angular.js

main

模板介绍

我在团队项目的时候,通常会建立一个静态的 html 制定项目排期计划,以便于更好的协作。考虑到项目的庞大,传统的 html 方式往往我们会让我们填的晕头转向,刚好 Angular.js 有套模板解决方案 ,图个一劳永逸,写此模板。

plan是基于 Angular.js 的一套静态模板,他无需安装,轻松上手,你只需配置 app.js 即可,无需理会繁琐的 HTML 代码。

代码仓库

.
├── index.html    --- Demo index
├── README.md     --- README file
├── license.txt   --- license
└── assets
     ├── lib      --- angular lib mini
     ├── css      --- css file
     └── js       --- js file

配置说明

配置 assets/js/app.js 文件

workMsg($scope)

  • project 项目名称
  • pm 需求
  • f2e 前端
  • designer 设计
  • designerPlan 视觉进度
  • coordinator 项目协调
  • charsetMsg 项目编码
  • picUrl 图片素材
  • cssUrl css路径
  • psdUrl psd路径
  • footMsg 底部相关备忘信息
control 控制

.control 字段为空,不显示当前项

project($scope)

存储开发者姓名、项目进度状态
var authors = ['张三','李四','王五'], //开发者姓名
	status = ['none','done','dont','doing','nopass','affirm']; //项目进度状态

	/*
	 * 状态标识说明
	 * status[0] == 初始化,无状态
	 * status[1] == 已完成
	 * status[2] == 未开始
	 * status[3] == 进行中
	 * status[4] == 未确认
	 * status[5] == 已确认
	 * 
	 */ 
项目二级标题

当二级项目标题为空,不显示项目排期列表

$scope.itemTit=[
	{title:'第一期'},
	{title:'第二期'},
	{title:''}
] 
item信息
{
	author: authors[2],//开发者
	stime: '2014-09-30',//项目开始时间
	etime: '2014-10-30',//项目结束时间
	pageName: '腾讯首页',//页面名称
	demo: '', //线上地址 (为空时不显示)
	online: '', //线上地址 (为空时不显示)
	statu: status[0] // 进度说明 (详见状态标识说明)
},

单元测试

$ git clone https://github.com/hoosin/plan.git
$ cd plan
更多angular信息请移步:https://github.com/zensh/AngularjsTutorial_cn

开源许可

Copyright (c) 2014 hoosin, contributors. Released under the , licenses

plan's People

Contributors

hoosin avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.