vue 构建单页应用_使用Vue.js构建的单页应用程序（SPA）

vue 构建单页应用

DockerVue (DockerVue)

Single-page application (SPA) built with Vue.js. It's is a very simple kind of CMS (content management system) allowing to manage posts (articles) with images.

使用Vue.js构建的单页应用程序(SPA)。 这是一种非常简单的CMS(内容管理系统)，可以管理带有图像的帖子(文章)。

This is the frontend only. The backend is a separate project called DockerRails, created with Ruby on Rails and responding as an JSON API.

这仅是前端。 后端是一个名为DockerRails的独立项目，该项目使用Ruby on Rails创建并作为JSON API进行响应。

View demo 查看演示 Download Source 下载源

使用的工具 (Tools used)

• Project scaffolding with Vue Cli

  Vue Cli的项目脚手架

• Routing with Vue Router

  使用Vue路由器进行路由

• State management for authentication with Vuex

  使用Vuex进行身份验证的状态管理

• Package building with Webpack and Yarn

  使用Webpack和Yarn打包构建

• Styling with Bulma, Buefy and FontAwesome

  使用布尔玛(Bulma)，Buefy和FontAwesome进行样式

• API calls with Axios

  使用Axios进行API调用

• Deployment with Nginx and Docker

  使用Nginx和Docker进行部署

特征 (Features)

• User authentication using JSON Web Token (JWT)

  使用JSON Web令牌(JWT)的用户身份验证

• Infinitive scrolling using Vue-infinite-loading

  使用Vue无限加载进行无限滚动

• Auto refresh via ActionCable

  通过ActionCable自动刷新

• Searching with Buefy Autocomplete

  使用Buefy自动完成功能搜索

• Content editing with the WYSIWYG editor Pell

  使用所见即所得编辑器Pell进行内容编辑

• Image gallery with Silentbox

  Silentbox图片库

• Uploading images directly to Amazon S3 (presigned by the backend)

  将图像直接上传到Amazon S3(由后端预签名)

翻译自: https://vuejsexamples.com/single-page-application-spa-built-with-vue-js/

vue 构建单页应用