初始化前台项目

已于 2022-02-24 11:11:40 修改
阅读量255 收藏
点赞数
分类专栏： Ant Design Pro V5实现一个简易的管理后 文章标签： javascript vue.js 前端
于 2022-02-24 09:45:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l_dragon/article/details/123104936
版权

Antd Pro V5项目初始化可以参考官网文档
https://beta-pro.ant.design/docs/getting-started-cn
node环境及cnpm环境搭建可以网上搜一下，此处不做说明
1.npx create-umi pro_front （前台项目取名pro_front）
image.png
2.选ant-design-pro回车
image.png
3.选JAVAScript，用TypeScript的朋友可以选择TypeScript
image.png
4.选complete
5.项目初始化完毕后如下图
image.png
6.cd pro_front
7.npm(或者cnpm) install
8.cnpm run start
9.启动成功后，打开浏览器，输入http://localhost:8000/
可以访问登录页面，
image.png
10.输入登录账号密码admin ant.design,默认使用mock数据，不用后台可以登录，登录后主界面如下图
image.png

l_dragon
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue前台网站项目总结
qq_45163356的博客
12-20 866
前言：本篇文章总结一下使用vue开发的一些项目配置以及一些开发技巧 ESLint检测： package.json : 全局规则配置文件 'rules': { 'no-new': 'off' } 在js/vue文件中修改局部规则 /* eslint-disable no-new */ new Vue({ el: 'body', components: { App } }) vue.config.js...
Vue2电商前台项目（一）：项目前的初始化及搭建
最新发布
weixin_42044763的博客
09-07 4649
文件夹：放置项目的依赖public文件夹：一般放置的是静态资源（图片），需要注意：放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中，不会当做一个模块打包到 JS 里面src文件夹​ —assets文件夹：一般放置的是静态资源（一般放置多个组件公用的的静态资源），需要注意：放置在assets文件夹里面的资源，webpack打包的时候，会把静态资源当做一个模块，打包到JS文件里面​ —components文件夹：一般放置的是非路由组件（全局组件）
Vue 前台项目（电商）1
weixin_46287150的博客
12-24 1559
技术架构：vue + webpack + vuex + vue-router + axios + less… 封装通用组件 登录注册 token 路由守卫 购物车 支付 项目性能优化… 一：vue-cli 脚手架初始化项目 1.新建项目文件夹（Shop） 2.打开此项目下的cmd vue create app 选择 vue2 的项目 然后回车 然后就可以看到 自动创建了很多文件 node_modules 文件夹：放置项目依赖 public 文件夹：一般放置一些静态资源 (图片)，需要注意，
Vue 前台项目（电商）3
weixin_46287150的博客
12-24 744
路由组件的搭建 Home首页路由组件 Search 路由组件 Login 登录路由 Refister 注册路由 基于 vue-router 实现路由搭建，需要下载依赖 cnpm install --save vue-router 在 src 文件夹下创建 pages 文件夹，并在 pages 文件夹下创建4个文件，分别是 Home、Search、Login、Refister 在这刚创建好的4个文件夹下分别都创建 index.vue 文件 在相应的文件夹下的 index.vue 做好标识 示例 H
Vue 前台项目（电商）8
weixin_46287150的博客
12-28 1457
vuex 模块式开发 vuex 是官方提供的一个插件，状态管理库，集中式管理项目中组件共用的数据。 如果项目很小，完全不需要 vuex 如果项目很大，组件很多、数据很多、数据维护很费劲，就用 vuex 安装 vuex npm install --save vuex vuex的基本使用 在 src 文件夹下创建 store 文件夹，并在里面创建 home 文件夹、search 文件夹和相应的 index.js 文件 home/index.js //home 模块的小仓库 //state：仓库存储数据的地
小兔鲜儿电商前台项目（一） —— 项目初始化
ailsa_csdn的博客
04-07 4027
电商项目的初始化：搭建项目结构、配置代码规范
积分管理系统java源码-SpringBootAdmin:初始化项目
06-06
SpringBootAdmin是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java微服务快速开发框架。 SpringBootAdmin是在SpringBoot基础上搭建的一个Java基础开发框架，以Spring MVC为模型视图...
python类属性初始化_Python类定义、属性、初始化和析构
weixin_33443932的博客
02-04 2626
类的定义，属性和方法概念方法中self的作用和意义初始化( __init__ ) 和 析构方法( __del__ )类的定义class 类名实例实例名 = 类名()一个“实例”的“特征”，就是“属性”私有属性在python中有两种私有属性，分别是在属性前加 一个下换线(_) 和 两个下划线(__)一个下滑线外部可以直接访问(用运算符“.”，点不出来，在知道有的情况下，可以直接使用)两个下划线外部...
migo初始化库存 s4_货物移动_初始化库存(MvT561)
weixin_29843603的博客
12-23 1356
一．说明SAP系统上线，通常需要进行初始化库存操作，将目前库存物料存入系统，包括数量和计价金额两部分数据。特定T-CODE是MB1C；MIGO也可以进行操作。操作后生成移动类型为561的物料凭证，如果物料在工厂价值更新(详见《维护物料类型的数量、价值更新》)，将同时生成会计凭证。生成的物料凭证可通过《查看物料凭证(Material Document)》查看详细信息。在做此操作时注意物料、财务的开启...
项目是一个前台vue element-ui 的一个整体项目，有兴趣的可以下载看看，学习一下。
09-22
项目时一个前台vue element-ui 的一个整体项目，有兴趣的可以下载看看，学习一下。web项目
vue+element-ui搭建纯前台项目记录
程序员涂小哥的技术博客
01-29 7907
架构说明 本次项目用于个人学习，作用于个人聚合支付demo，记录步骤，为以后作参考。 前台项目搭建的架构基础是前后台分离，即：从代码层面来说，前台和后台互不相干，不同的服务，不同的端口，前后台之前使用http协议进行交互。 前台基本技术架构为node.js+vue.js+element-ui+vue-router。 步骤说明 安装node.js 本项目基于node.js搭建，需要使用npm命令，...
将后台对象集合（List）传入前台并初始化数据
长臂人猿的博客
10-16 1001
进入前台加载页面ajax请求数据（类似于windows.onload）： 后台获取对象集合并以JSON数组的形式返回： 解析数据：
web前端30个项目列表，学完即可上手做项目
小分享
12-28 2万+
此篇文章推荐有想法学习前端，已经上路琢磨web前端的朋友们。 之前很多朋友跟我说，自学编程的时候，总是摸不清头脑，一大推问题需要解决，种种书籍需要去啃，字符、单词都需要去记。就感觉要费上很多时间，居然担忧青春饭是否能吃到？ 实际上，是实战过少项目，或者没有自己做过。凡事都是从0到1的过程，从1到100就非常简单了 小编为各位想加入程序猿大军，加入前端的朋友们整理了30个实战项目列表，有非...
今天写一个javaweb项目,前台表单提交的数据，后台用BeanUtils.populate(book, request.getParameterMap());怎么也获取不到数据。
mr_year的博客
06-11 1880
各种，困扰，代码没问题，关键字反复比较没错误。最后发现jsp页面的form表单里的多了一句话 就是这句话导致后台无法获取到表单数据...初学者记录下自己的错误,推荐个看电影追剧的网站www.3fyy.cn...
7大前端项目速览！非一线城市也吃香！
技术专家
08-04 9463
黑马程序员高级软件工程师课程覆盖全栈+全端，知识量和技术深度增加50％；工程化+场景化深度定制，更贴合现阶段大厂要求！ 黑马程序员高级软件工程师课程中的实战项目，均由华为、京东商城等大厂架构师精心设计，制定全平台、全业务、场景化、工程化的前端项目课程，制定前端真项目标准 ，并且建立可以免费体验的在线“项目库”！ 1.人力资源类项目：iHRM人力资源管理 iHRM是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成员工管理、审批管理、考勤管理、社保公积金管理、薪资管理等功能，为企业的人力资源管理
初学vue+elementui搭建前台项目教程
qq_42957424的博客
07-14 3371
vue+elementui搭建前台项目教程 准备工作 1、下载node 配置node环境(注意：不管是跑别人的项目还是用自己的项目，都需要下载node) https://nodejs.org/en/ 2、一路next或者放入自己喜欢的文件夹中（此操作省略） 3、测试node是否安装成功 命令：1、node -v （查看node的版本号） ​ 2、npm -v （查看npm版本号） 4、环境配置 这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配
jeesite项目学习（三）前台界面开发及展示
一个混吃等死的程序狗的博客
08-25 9318
（一）前台界面开发首先，jeesite分为后台管理界面以及前台展示界面，前一篇文章，我们介绍了后台管理界面，今天这一章节，我们聊一聊前台界面如何开发。 当我们打localhost:8080/jeesite/a时候，跳转的是后台界面，输入localhost:8080/jeesite/f的时候，跳转的是前台界面。这是在web.xml中设置的。 首先我们在项目中的modules/cms中创建dao、e
博客项目前台实现
尹成的技术博客
11-14 1465
#项目前台整体页面 在layout.html页面通过LayoutContent组合了index.html，通过LayoutSections组合了head.html,banner.html,middle.html,right.html,foot.html。具体实现了首页，关于我，成长录，碎言碎语，最新文章，点击排行，友情连接的展示。 #首页 由于首页是由多个页面而组成的，所以展示首页，需要分析各...
前端小白入门学习javascript练手项目合集
热门推荐
NINE-NINE的博客
06-07 4万+
前端小白入门学习javascript练手项目全集
SSH框架入门教程：创建用户管理项目
"SSH框架是Java Web开发中常用的三大组件，包括Struts、Spring和Hibernate...这个教程为初学者提供了一个全面的SSH项目实践指南，涵盖了从项目初始化到测试的全过程，是学习SSH框架和理解Java Web开发流程的宝贵资源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

l_dragon

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值