GithubHelp home page GithubHelp logo

news-app's Introduction

新闻展示及后台管理

Usage：
1. 用命令行打开news-app文件夹 运行npm install 
2. 下载package.json中所列的依赖项
3. 运行node app.js 
4. 在浏览器中输入localhost:3000

Detail

1. 新闻列表页

  • 已上传的新闻条目展示
  • 点击新增按钮进入新增页面

2. 新闻新增页

  • 使用了表单验证方法 标题和简介必须填写内容后才可提交
  • 图片上传使用jQuery的uploader插件 文件保存在uploads文件夹中 以上传时间命名
  • 详情使用富文本编辑器kindeditor插件 编辑器中文件上传保存于public下的uploads文件夹中
  • 新闻数据上传至根目录下news文件夹 以json数据形式保存
  • 提交后跳转到我的新闻页

3. 我的新闻页

  • 解析news文件夹中数据 对提交的新闻做展示
  • 点击新闻标题后显示新闻详情
  • 富文本编辑器的各种样式效果得到显示

Others

  • 闲时写了这个小项目 熟悉node.js
  • 最后 项目中的js代码和css代码用Grunt进行合并压缩检查
  • 以减小代码体积 缩短加载时间

news-app's People

Contributors

jennytuz 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.