Coder Social home page Coder Social logo

blog's Introduction

实验室内容管理系统

说在前面

  1. 请使用git clone [email protected]:FeWeb/Blog.git克隆这个库
  2. 克隆完之后,在本地创建dev分支,git checkout -b dev origin/dev
  3. 为确保是在dev分之下修改,每次提交修改前执行:git checkout dev
  4. 提交修改:git add -A, git commit -m "<提交说明>"
  5. 提交后在本地的dev分之上上传到master分支:git push origin master
  6. 若出现冲突,请先使用git pull查看冲突
  7. Windows图形界面用户请自行查找教程

项目结构

- Blog(项目根目录)
    |- app(应用程序根目录)
        |- blog(应用程序MVC化)
            |- controls(控制器)
            |- models(模型)
                |- models.js(模型的定义与绑定)
            |- routes(路由)
                |- admin_routes(后台的所有路由写这里)
                |- routes(前端的所有路由写这里)
            |- views(视图)
                |- layouts
                    |- main.html(所有前端页面的母版)
                |- admin.html(管理员操作界面)
                |- admin_login.html(管理员登录界面)
                |- ......(前端的其他模版写在这里)
        |- config(应用程序参数配置文件)
            |- config.js(参数设置)
            |- init.js(应用程序初始化文件)
        |- middleware(自定义中间件)
            |- ...
        |- publics(应用程序静态文件)
            |- files
            |- images(图片所在目录)
            |- script(javascript脚本所在地)
            |- styles(css脚本所在地)
            |- test_statics(单元测试脚本所在地)
        |- tests(应用程序单元测试脚本)
        |- uploads(将上传的文件放到这里)
        |- blog.js(应用程序主文件)
        |- blog_better.js(应用程序多线程,生产环境强烈推荐使用)
        |- package.json
    |- document(项目文档)
    |- README.md(项目说明)
    |- .gitignore(这里说明了那些文件及文件夹不上传到代码库里面)

前端开发需要学习的内容

前端开发流程

  1. 将路由请求写在routes.js文件里;
  2. 路由处理的回调函数分离开来,写在controls文件夹里的某个文件里;
  3. 写controls的时候对数据库的操作,并用res.render渲染到模版里;
  4. 在views文件夹里写好模版;
  5. 将模版要用到的js和css文件以及图片都写到publics里面
  6. 表单上传的文件存到uploads文件夹里

规范

  1. 注意将开发过程中的代码传到dev分支,命令:git push origin dev
  2. 注意设置.gitignore文件,不要将缀余文件上传上来;
  3. 一个缩进请用4个空格,不要用tab
  4. 一定要注释,代码要写得易看;
  5. 本系统采用模块化开发,一定要遵守;

已上传的版本有一个MVC的例子,可以看看,以后我会多写一些例子供参考

blog's People

Contributors

vabaly avatar greenfavo avatar crazz-joe avatar

Watchers

 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.