{"id":22490569,"url":"https://github.com/ldang264/vue-cron-generator","last_synced_at":"2025-08-02T22:33:19.071Z","repository":{"id":43838588,"uuid":"174173207","full_name":"ldang264/vue-cron-generator","owner":"ldang264","description":"Cron Generator Implemented by Vue.js and Element-ui(基于Vue\u0026Element-UI构建的在线Cron表达式生成器)","archived":false,"fork":false,"pushed_at":"2022-06-11T21:33:47.000Z","size":456,"stargazers_count":94,"open_issues_count":2,"forks_count":34,"subscribers_count":0,"default_branch":"master","last_synced_at":"2023-06-17T14:30:27.672Z","etag":null,"topics":["cron","crontab","element-ui","vue"],"latest_commit_sha":null,"homepage":"http://106.14.246.234:8090/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ldang264.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-03-06T15:43:34.000Z","updated_at":"2023-05-18T10:20:21.000Z","dependencies_parsed_at":"2022-09-11T11:11:12.644Z","dependency_job_id":null,"html_url":"https://github.com/ldang264/vue-cron-generator","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ldang264%2Fvue-cron-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ldang264%2Fvue-cron-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ldang264%2Fvue-cron-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ldang264%2Fvue-cron-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ldang264","download_url":"https://codeload.github.com/ldang264/vue-cron-generator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228501337,"owners_count":17930233,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cron","crontab","element-ui","vue"],"created_at":"2024-12-06T17:22:21.883Z","updated_at":"2024-12-06T17:25:21.614Z","avatar_url":"https://github.com/ldang264.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# vue-cron-generator\n\n\u003e a project using vue,element-ui to generate cron expression [中文](./README_zh_CN.md) [Online demo](http://106.14.246.234:8090/)  \n\n**Used by**\n\u003e👉 Attemper: A distributed,multi-tenancy,job-flow scheduling application 👈\n\u003e\u003e[Github](https://github.com/attemper/attemper)  \n\u003e\u003e[Gitee](https://gitee.com/attemper/attemper)\n\n![Preview](https://gitee.com/ldang264/vue-cron-generator/raw/master/resources/snapshot.png)\n\n## Use(Example)\n- Install dependency([npm](https://www.npmjs.com/package/vue-cron-generator))\n``` bash\nnpm install vue-cron-generator\n```\n\n- [src/lang/index.js](https://github.com/attemper/attemper/blob/master/attemper-admin/src/lang/index.js)  \n``` typescript\nimport Vue from 'vue'\nimport VueI18n from 'vue-i18n'\nimport elementEnLocale from 'element-ui/lib/locale/lang/en'\nimport elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'\nimport cronEnLocale from 'vue-cron-generator/src/locale/en'\nimport cronZhLocale from 'vue-cron-generator/src/locale/zh'\nimport { getLocale } from 'vue-cron-generator/src/util/tools'\n\nVue.use(VueI18n)\n\nconst messages = {\n    en: {\n      ...enLocale,\n      ...elementEnLocale\n    },\n    zh: {\n      ...zhLocale,\n      ...elementZhLocale\n    }\n  },\n\n  i18n = new VueI18n({\n  // set locale\n  // options: 'en' | 'zh'\n    locale: getLocale(),\n    // set locale messages\n    messages\n  })\n\nexport default i18n\n\n```\n\n- [main.js](https://github.com/attemper/attemper/blob/master/attemper-admin/src/lang/index.js)  \n``` typescript\nimport Vue from 'vue'\n\nimport Element from 'element-ui'\nimport 'element-ui/lib/theme-chalk/index.css'\n\nimport 'vue-cron-generator/src/styles/global.css'\n\nimport App from './App'\n\nimport i18n from './lang'\n\nVue.use(Element, {\n  size: localStorage.getItem('size') || 'small', // set element-ui default size\n  i18n: (key, value) =\u003e i18n.t(key, value)\n})\n\nnew Vue({\n  el: '#app',\n  i18n,\n  render: h =\u003e h(App)\n})\n\n```\n\n- Vue file\n\n``` vue\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\"\u003e\n    \u003cel-row\u003e\n      \u003cel-col :span=\"6\" :offset=\"9\"\u003e\n        \u003ccron-input v-model=\"cron\" @change=\"change\" @reset=\"reset\"/\u003e\n      \u003c/el-col\u003e\n    \u003c/el-row\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport CronInput from 'vue-cron-generator/src/components/cron-input'\nimport { DEFAULT_CRON_EXPRESSION } from 'vue-cron-generator/src/constant/filed'\n\nexport default {\n  name: 'App',\n  components: {\n    CronInput\n  },\n  data() {\n    return {\n      cron: DEFAULT_CRON_EXPRESSION\n    }\n  },\n  methods: {\n    change(cron) {\n      this.cron = cron\n    },\n    reset(cron) {\n      this.cron = DEFAULT_CRON_EXPRESSION\n    }\n  }\n}\n\u003c/script\u003e\n\n\u003cstyle\u003e\n#app {\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;d\n  color: #2c3e50;\n  margin-top: 60px;\n}\n\u003c/style\u003e\n\n```\n\n- Run your project\n\n## Build Source Code\n\n``` bash\n# install dependencies\nnpm install vue-cron-generator\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fldang264%2Fvue-cron-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fldang264%2Fvue-cron-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fldang264%2Fvue-cron-generator/lists"}