All Projects → frogo → blog

frogo / blog

Licence: other
用Node.js+Express和MongoDB搭建一个属于自己的博客

Programming Languages

javascript
184084 projects - #8 most used programming language
Handlebars
879 projects

Projects that are alternatives of or similar to blog

startover
Startover is a boilerplate for developing static websites. With Startover you don't have to start over!
Stars: ✭ 15 (-67.39%)
Mutual labels:  handlebars
djburger
Framework for safe and maintainable web-projects.
Stars: ✭ 75 (+63.04%)
Mutual labels:  mvc-framework
vim-ember-hbs
Ember Handlebars/HTMLBars plugin for Vim with indentation support
Stars: ✭ 45 (-2.17%)
Mutual labels:  handlebars
eCommerce Shop
eCommerceShop renowned stylish, affordable, new and original fashion to you. our product mainly focuses on women wear’s, but it also offers men's apparel, children clothes, accessories, shoes, bags and other fashion items. BossKinds manufacture and supplier of leisurewear, workwear and school uniforms. we understood the importance of making good…
Stars: ✭ 26 (-43.48%)
Mutual labels:  mvc-framework
Larabye
🎉 Larabye (Laravel + Rockabye) is a mini PHP starter / framework inspired from laravel features
Stars: ✭ 31 (-32.61%)
Mutual labels:  mvc-framework
UMVC
UMVC - Model-View-Controller Generator built for Unity
Stars: ✭ 36 (-21.74%)
Mutual labels:  mvc-framework
vulkano
A small, simple and fast framework for creating web applications using NodeJS. Inspired by KumbiaPHP.
Stars: ✭ 15 (-67.39%)
Mutual labels:  mvc-framework
lnv-mobile-base
移动端开发脚手架-基于gulp的使用zepto、handlebars、sass并且带移动端适配方案(flexible.js)的前端工作流,旨在帮助移动端项目的开发
Stars: ✭ 41 (-10.87%)
Mutual labels:  handlebars
haykal
A Typescript MVC Framework
Stars: ✭ 24 (-47.83%)
Mutual labels:  mvc-framework
handlebars.c
C implementation of handlebars.js
Stars: ✭ 31 (-32.61%)
Mutual labels:  handlebars
php-mvc-framework
PHP MVC Framework - web application framework for modern and rapid development of web applications
Stars: ✭ 24 (-47.83%)
Mutual labels:  mvc-framework
libgitlmvc
C++ MVC framework for Qt
Stars: ✭ 73 (+58.7%)
Mutual labels:  mvc-framework
matcha-bot
MatchaBot is a code generator. You can use matchabot to create an entire project, or to generate code inside an existing project consistently.
Stars: ✭ 14 (-69.57%)
Mutual labels:  handlebars
HandlerFrame
🐮 HandlerFrame是一个基于观察者模式采用信息分发机制实现跨界面Handler通讯框架,整个项目里面只存在一个Handler实例对象。
Stars: ✭ 42 (-8.7%)
Mutual labels:  handlebars
quick-skeleton
Simple tool for scaffolding
Stars: ✭ 23 (-50%)
Mutual labels:  handlebars
extensions
Code Generators and Extensions for vanilla-rtb stack
Stars: ✭ 16 (-65.22%)
Mutual labels:  handlebars
velvet
A sweet velvety templating package
Stars: ✭ 72 (+56.52%)
Mutual labels:  handlebars
SmartMvc
深入解析SpringMVC核心原理:从手写简易版MVC框架开始(SmartMvc)
Stars: ✭ 66 (+43.48%)
Mutual labels:  mvc-framework
Sane
"Spring Boot for Classic ASP." A powerful and full-featured VBScript MVC framework that brings sanity to Classic ASP development. Use domain & view models, automap model -> view, easily enumerate and introspect, write db migrations, and more. No, seriously.
Stars: ✭ 26 (-43.48%)
Mutual labels:  mvc-framework
ZenTS
ZenTS is a Node.js & TypeScript MVC-Framework for building rich web applications, released as free and open-source software under the MIT License. It is designed for building web applications with modern tools and design patterns.
Stars: ✭ 36 (-21.74%)
Mutual labels:  mvc-framework

说明/Description

用 node.js 搭建属于自己的blog, UI风格我自己设计成简约的,你可以修改成自己喜欢的。 没有采用前后端分离和当前流行的MVVM框架,前端也没有模块化和工程化,采用了传统的后端渲染页面方式,一方面项目主要是用来熟悉后端的开发流程和模式,二是为了更好的SEO。 对于想从前端转向全栈开发的人员,这是一个很好的实践和参考,也是学习node.js很好的案例,项目有一些未使用的服务接口,你可以根据自己的需求去继续扩展。


Use node.js to build your own blog,UI style,I designed my own UI style to be simple,you can modify it to your own liking. The project does not use the way of front and back separation, nor does it use the popular MVVM framework, such as react and Vue,the front end has not been modularized and engineered,the project uses the traditional backend rendering page,the first is to make front-end developers familiar with the development process and mode of the back-end, and second, for better SEO. This is a good practice and reference for those who want to move from front-end development to full-stack development. It is also a good case for learning node.js,the project has some unused service interfaces, you can continue to expand according to your needs.

演示地址/Demo site

个人博客blog.frogo.cn,该博客是部署在阿里云的centOS6.5上面,部署教程可参照 在阿里云ECS CentOS7上部署基于MongoDB+Node.js的博客

Personal Blog blog.frogo.cn

主要技术列表/Main technology list

  • 服务端:Node.js >=7.9.0
  • 数据库:MongoDB >=3.4
  • 数据库操作工具:mongoose4.9
  • WEB框架:Express 4.0
  • 模板引擎:express-handlebars >=3.0
  • JS和UI库:JQuery>=2.0 Bootstrap3.3.7

  • server:Node.js >=7.9.0
  • database:MongoDB >=3.4
  • Database operation tool:mongoose4.9
  • WEB framework:Express 4.0
  • Template engine:express-handlebars >=3.0
  • UI library:JQuery>=2.0 Bootstrap3.3.7

目录结构/Directory Structure

后端采用传统的MVC结构,models是对象模型(就是数据格式),views是视图层,controllers是操作数据的层,所有的请求通过routes(路由)分发。

The Back-End uses the traditional MVC structure, models are the object model (that is, the data format), views are the view layer, controllers are the layers of the operational data, and all requests are distributed through routes.

├── models (M)
├── views  (V)
│   ├── app
│   ├── layout
│   ├── partials
│   └── server
├── controllers (C)
│   ├── app
│   └── server
├── routes  (路由)
│   ├── app
│   └── server
├── services (后端服务接口)
├── libs (一些功能函数,诸如邮件,加密, some functions, such as mail, encryption)
├── middlewares (中间件)
├── node_modules
├── public
│   ├── assets (前端一些静态文件)
│   │   ├── app
│   │   │   ├── pugins
│   │   │   └── server
│   │   ├── uploaded (图片上传目录)
│   │   │   ├── files
│   │   │   └── tmp
├── .gitignore
├── app.js
├── config.js
├── package-lock.json
├── package.json
├── readme.md

安装运行和调试 / Installation & Run & Debugging

  1. 请在Linux或者windows系统下确保安装了正确版本的Node.js 和 MongoDB, MongoDB教程自行学习。
  2. 进入blog目录 cd blog
  3. 安装依赖包 npm install
  4. 打开MongoDB 终端,创建一个名叫blog的数据库
  5. 修改config.js里面的数据库连接,一般是url: 'mongodb://localhost:27017/blog'
  6. npm run dev 进入开发环境
  7. 浏览器打开http://localhost:7000/admin/ 按照提示安装初始化
  8. 调试可以打开chrome,地址栏输入 chrome://inspect ,打开Open dedicated DevTools for Node会出来一个调试窗口,当然也可以使用WebStorm,打开debug模式去调试。

  1. Please ensure that the correct version of Node.js and MongoDB are installed under Linux or Windows. MongoDB tutorial learns by yourself.
  2. Go to the blog directory cd blog
  3. Install node.js dependency package npm install
  4. Open the MongoDB terminal and create a database called blog.
  5. Modify the database connection in config.js, usually url: 'mongodb://localhost:27017/blog'
  6. npm run dev enters the development environment
  7. The browser opens http://localhost:7000/admin/ Follow the prompts to install the initialization.
  8. You can open the chrome browser to debug the code of the node.js server, enter chrome://inspect in the address bar, open Open dedicated DevTools for Node will come up with a debugging window, Of course, you can also use WebStorm to open the debug mode to debug.

截图 / ScreenShot

alt

alt

alt

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].