git clone https://gitee.com/onlymry/vue-antd-admin.git
$yarn/cnpm/npm i && yarn/cnpm/npm run serve
Адрес предпросмотра адрес GitHub
Примечание: адрес GitHub медленнее, чем адрес Gitee.
config/config.js
, например:{
key: "home",
title: "Главная страница",
icon: "user",
system: 'dev',
children: [
{
key: "home",
title: "Главная страница"
}
]
},
{
key: "components",
title: "Компоненты",
icon: "user",
system: 'default',
children: [
{
key: "charts",
title: "Графики"
}
]
}
{
path: '/about',
name: 'About',
component: () => import('../antdviews/About.vue')
},
| --- | --- | --- | | highcharts | yarn add / npm i / cnpm i highcharts | Графики | | v-charts | yarn add / npm i / cnpm i echarts v-charts | Графики | | g2 | yarn add / npm i / cnpm i @antv/g2 | Графики | | xlsx | yarn add / npm i / cnpm i xlsx | Обработка Excel | | clipboard | yarn add / npm i / cnpm i clipboard | Копирование текста | | lodash | yarn add / npm i / cnpm i lodash | Полезная библиотека | | wangeditor | yarn add / npm i / cnpm i wangeditor cos-js-sdk-v5 | Редактор WYSIWYG | | axios | yarn add / npm i / cnpm i axios qs | AJAX-запросы |## План
Название | URL | Функционал |
---|---|---|
Бaidu Map GL | https://api.map.baidu.com/api?v=1.0&type=webgl&ak=${ваш_ключ_api}&callback=initialize |
Карта Baidu |
Tencent Map GL SDK | https://map.qq.com/api/gljs?v=1.exp&key=${ваш_ключ_api}&callback=init |
Карта Tencent |
AMap | https://webapi.amap.com/maps?v=1.4.15&key=${ваш_ключ_api} |
Карта AMap |
loadScript(callback) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = `Это ваш url`;
document.body.appendChild(script);
if (script.readyState) {
// IE
// Только для отвратительной реализации в Internet Explorer
script.onreadystatechange = function() {
if (
script.readyState === 'complete' ||
script.readyState === 'loaded'
) {
script.onreadystatechange = null;
// callback && callback() проверяет, является ли переданный обратный вызов пустым, если да - не выполняется, если нет - выполняется
callback && callback();
}
};
} else {
// Для остальных браузеров
script.onload = function() {
callback && callback();
};
}
}
axios
, конфигурация запроса определена в src/tools/http.js
. Внутри файла есть закомментированные строки, представляющие собой обычные операции проекта.1. демо:<template>
<div>
<div id="demo"></div>
</div>
</template>
<script>
export default {
data() {
return {};
},
mounted() {
// Вызов AJAX запроса внутри метода mounted
this.getData();
this.postData();
},
methods: {
getData() {
this.$http.get(url, requestArguments).then((res) => {
console.log(res);
});
},
postData() {
this.$http.post(url, requestArguments).then((res) => {
console.log(res);
});
}
}
};
</script>
<style lang="less" scoped>
</style>
feat: добавление нового функционала
fix: исправление ошибки
docs: добавление документации
style: оптимизация стиля кода (изменения, не влияющие на выполнение)
test: добавление тестов
refactor: рефакторинг кода
chore: изменения в процессе сборки или вспомогательных инструментах
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )