用ABP创建第一个Blazor应用程序

news/发布时间2024/5/16 5:44:01

背景

在我们完成了仓储、订单和财务模块的开发之后,我们创建一个应用程序来发布我们的产品。

步骤

1、访问abp的官网

2、得到我们要的abp命令和参数

img

说明:

  • 我们选Blazor Server
  • 我们用MySQL数据库

3、在PowserShell中执行abp命令

PS X:\abp-study> ls目录: X:\abp-studyMode                LastWriteTime         Length Name
----                -------------         ------ ----
d-----        2024/3/20      2:08                Ami.Wms.CommonPS X:\abp-study> abp new Ami.BlazorOne -u blazor-server -dbms MySQL -csf
ABP CLI 8.0.5
Creating your project...
Project name: Ami.BlazorOne
DBMS: MySQL
UI Framework: BlazorServer
Output folder: X:\abp-study\Ami.BlazorOne
Using cached template: app-pro, version: 8.0.5
Theme: LeptonX
Theme Style: System
Check out the documents at https://docs.abp.io/en/commercial/latest
'Ami.BlazorOne' has been successfully created to 'X:\abp-study\Ami.BlazorOne'
Creating openiddict.pfx file on X:\abp-study\Ami.BlazorOne\src\Ami.BlazorOne.Blazor
A valid HTTPS certificate is already present.
Creating initial migrations...
Initial migrations are created.
Installing client-side packages...
YARN is not installed, which may cause package inconsistency, please use YARN instead of NPM. visit https://classic.yarnpkg.com/lang/en/docs/install/ and install YARN
Found 1 projects.
X:\abp-study\Ami.BlazorOne\src\Ami.BlazorOne.Blazor
Running npm install on X:\abp-study\Ami.BlazorOne\src\Ami.BlazorOne.Blazor
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated is-data-descriptor@0.1.4: Please upgrade to v0.1.5
npm WARN deprecated is-accessor-descriptor@0.1.6: Please upgrade to v0.1.7
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated cuid@2.1.8: Cuid and other k-sortable and non-cryptographic ids (Ulid, ObjectId, KSUID, all UUIDs) are all insecure. Use @paralleldrive/cuid2 instead.
npm WARN deprecated flag-icon-css@4.1.7: The project has been renamed to flag-iconsadded 602 packages, and audited 603 packages in 22s12 packages are looking for fundingrun `npm fund` for details29 vulnerabilities (2 low, 7 moderate, 20 high)To address issues that do not require attention, run:npm audit fixSome issues need review, and may require choosing
a different dependency.Run `npm audit` for details.
PS X:\abp-study>

启动Blazor

1、生成数据库

1)、修改“Ami.BlazorOne.DbMigrator”下的配置文件中的数据库连接字符串:

img

2)、启动“Ami.BlazorOne.DbMigrator”

img

2、启动“Ami.BlazorOne.Blazor”

1)、修改“Ami.BlazorOne.Blazor”下的配置文件中的数据库连接字符串

2)、启动“Ami.BlazorOne.Blazor”

img

3)、登录

img

4)、SAAS中的“租户”和“版本”

img

img

img

后记

本文的代码放在:https://gitee.com/royalsoft/ami-blazor-one

这里“租户”的概念已经出来了,我们下一篇文章先引入“仓储”模块,然后再详细展示“租户”和“版本”的直观意义。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ulsteruni.cn/article/73067633.html

如若内容造成侵权/违法违规/事实不符,请联系编程大学网进行投诉反馈email:xxxxxxxx@qq.com,一经查实,立即删除!

相关文章

避免被淘汰:如何使用ChatGPT等AI工具革新你的工作方式?进来免费送ChatGPT!

ChatGPT是一个由OpenAI开发的AI文本工具,它可以理解和生成自然语言,从而与用户进行对话。ChatGPT是基于GPT-3或者GPT-4模型的,这是目前最大和最先进的语言模型之一。ChatGPT通过在大量的互联网文本数据上进行预训练和强化学习,学习了人类语言的规律和知识23。ChatGPT可以处…

1. vue3中使用cesium

一、创建Vue3项目 npm create vue二、安装依赖 npm i cesium vite-plugin-cesium -D三、修改配置 修改vite.confg.js import { fileURLToPath, URL } from node:urlimport { defineConfig } from vite import vue from @vitejs/plugin-vueimport cesium from vite-plugin-cesiu…

vue 不是内部或外部命令,也不是可运行的程序 或批处理文件解决方法

查看信息 npm config list根据prefix路径,查看是否有vue.cmd文件 参考了这篇 感觉很整齐 如果没有就安装vue npm install -g vue再安装脚手架vue-cli // 安装 npm install -g @vue/cli // 或者 cnpm install -g @vue/cli // 或者 yarn global add @vue/cli然后配置环境变量,…

ES 国产化

背景 Elasticsearch 这些年来在搜索领域一直是领头羊。国内也有非常多的企业在使用 Elasticsearch 来做查询搜索、数据分析、安全分析等等。甚至一些很重要的行业、系统都在使用 Elasticsearch。在使用 Elasticsearch 的道路上狂飙的时候,我们也观察到了一些问题:Elasticsear…

3. 注意力机制

深度学习中的注意力机制(Attention Mechanism)是一种模仿人类视觉和认知系统的方法,它允许神经网络在处理输入数据时集中注意力于相关的部分。通过引入注意力机制,神经网络能够自动地学习并选择性地关注输入中的重要信息,提高模型的性能和泛化能力。 最典型的注意力机制包…

HTML学习记录(2)(HTML常用标签)

一,p与hr p段落可以将HTML文段分割为若干段落。段落常用<p>标签来定义,用align来定义段落的对齐方式实列 <p>我是第一个段落</p> <p>我是第二个段落</p> <p align="left">我在左边</p> <p align="center"&…