vue.js crud_基于Vue.js的REST-ful CRUD应用程序

vue.js crud

Vue CRUD (Vue CRUD)

CRUD application written using Vue2, Vuex and Vuetify. The app uses REST API and JWT Tokens.

使用Vue2，Vuex和Vuetify编写的CRUD应用程序。 该应用程序使用REST API和JWT令牌。

View Demo 查看演示 Download Source 下载源

功能 (Functions)

The application contains a mechanism for managing the database tables. After adding table support to crud, the following record operations are possible:

该应用程序包含用于管理数据库表的机制。 将表支持添加到crud之后，可以执行以下记录操作：

• Store,

  商店，

• Update,

  更新，

• Suspend/Restore,

  暂停/恢复，

• Delete,

  删除，

• Multiple Suspend/Restore,

  多个挂起/恢复，

• Multiple Delete

  多次删除

The record creation / editing form supports the following types of fields:

记录创建/编辑表单支持以下类型的字段：

• Input,

  输入，

• Textarea,

  文字区

• Rich Text Box,

  富文本框，

• Select,

  选择，

• Datepicker,

  日期选择器，

• Timepicker

  时间选择器

表管理 (Table management)

Servicing the table requires creating a component with the configuration of the given table (field names and types, information about soft or hard deletion of records, reference to the source table in the case of foreign keys, etc.). Next and last step is to add routing to a given page and put a link to it in the sidebar.

服务表需要使用给定表的配置(字段名称和类型，有关记录的软或硬删除的信息，在使用外键的情况下对源表的引用等)来创建组件。 下一步也是最后一步是将路由添加到给定页面，并在侧栏中添加到该页面的链接。

构建设置 (Build Setup)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

翻译自: https://vuejsexamples.com/vue-js-based-rest-ful-crud-application/

vue.js crud