前言
推薦一款基於微信小程式、LayUI 和 .NET 平臺的多功能電商系統,支援二次開發和擴充套件,幫助大家輕鬆快速搭建一個功能全面且易於管理的線上商城。
專案介紹
該專案不僅包含了微信小程式前端,還配備了強大的管理後臺、外掛管理系統以及穩定的 Web API 介面。
系統採用 C# 語言進行後臺開發,致力於打造一個達到商用標準的完善商城系統,為使用者提供高效、便捷的購物體驗。
專案特點
可擴充套件性
基礎功能之外:UrShop 提供基礎的商城功能,並透過持續迭代,增加更多外掛,使小程式開發更加便捷。
科學佈局與精緻外觀:支援與現有ERP系統的對接,提升運營效率,減少開發成本。
快速搭建小程式
科學佈局與精緻外觀:提供簡約的商城小程式設計。
低成本與高效率:專為 .NET 開發團隊設計,以最低的成本和最少的人力投入,快速搭建 .NET 小程式。
開發環境
- 開發語言: C#
- IDE: Visual Studio 2019
- 前端: 原生微信小程式
- 資料庫: MySQL 5.7
技術架構
架包 | 名稱 | 版本 |
---|---|---|
AspNet MVC | MVC框架 | Microsoft.AspNetCore.Mvc.Core |
WebApi | 介面框架 | Microsoft.AspNet.WebApi.Core |
EntityFramework | ORM工具 | EntityFramework |
Autofac | IOC框架 | Autofac |
AutoMapper | DTO對映 | AutoMapper |
FluentValidation | 驗證元件 | FluentValidation |
SwaggerUI | 介面文件 | SwaggerUI |
QRCoder | 二維碼生成 | QRCoder |
Newtonsoft.Json | Json工具 | Newtonsoft.Json |
Redis | 高併發快取 | StackExchange.Redis |
EPPlus | Excel工具 | EPPlus |
JwtBearer | 授權認證 | IdentityModel |
WeixinSDK | 微信SDK | weixinSDK |
功能模組
1、電子商務交易模式
- 支援企業與個人之間的交易模式(B2C,網上零售)。
2、SKU管理
- 支援單個產品的多規格(多SKU),每個SKU關聯庫存。
3、產品屬性
-
提供每種產品的重量、長寬高設定,便於計算物流費用。
-
支援產品歸屬於多個分類。
4、訂單管理
-
支援對訂單狀態、訂單價格、支付狀態的修改。
-
訂單商品可修改,客服人員可以為指定訂單新增贈品。
-
訂單支援拆分配送,商品支援多張配送單。
-
訂單操作記錄,方便追蹤訂單處理過程。
-
配送發貨收貨,後臺操作人員可修改,針對貨到付款的商品,使用者未及時確認交貨的情況,可按實際情況確認交貨。
5、配送管理
- 提供區域限制和配送方式選擇。
6、報表統計
-
暢銷報表:根據指定條件檢視暢銷產品。
-
低庫存報表:瞭解商品庫存狀況。
7、客戶管理
-
檢視客戶資訊,包括購物車、地址、活動記錄等。
-
為客戶新增積分。
8、操作人員管理
- 支援新增不限數量的操作人員,管理指定後臺板塊。
9、首頁功能
- 幻燈片大圖功能,簡單易用。
10、外掛
- 自帶多種小外掛,持續增加中。
11、文章頁面
-
顯示相關文章/產品。
-
熱門產品輪播展示模組。
專案結構
UrShop專案採用了模組化的目錄結構,主要包括以下幾個部分:
微信小程式教程
新建資料庫並配置UrShop專案
1、建立資料庫
目前僅提供了MySQL版本的資料庫指令碼urshopdb.sql
。
2、配置資料庫連線字串
編輯Urs.Shop\App_Data\dataSettings.json
檔案,更新資料庫連線字串:
{ "DataProvider": "mysql", "DataConnectionString": "server=localhost;port=3306;database=urshopdb;user id=root;password=123456;persistsecurityinfo=False;allowuservariables=True;defaultcommandtimeout=30000;connectiontimeout=30000", "RawDataSettings": {} }
請根據實際的資料庫配置修改DataConnectionString
。
3、執行專案
使用Visual Studio 2019或更高版本開啟 UrShop.sln
。
正常情況下,專案執行後即可看到網站介面。
4、微信小程式配置
在微信開發工具中開啟miniprogram
資料夾。
編輯app.js
中的globalData.host
,將其設定為您自己的API連結。
App({ globalData: { host: '您的API連結' } })
測試時,請確保勾選"不校驗合法域名、web-view(業務域名)、TLS版本以及HTTPS證書"。
5、釋出小程式
定製化開發完成後,在微信開發工具中點選"工具"->"上傳"。
上傳後,即可釋出體驗版。
等待線上版本稽核透過後即可正式上線。
專案說明
1、資料庫檔案
urshopdb.sql
(目前僅支援MySQL 5.7.33版本)
2、資料庫配置
Urs.Shop\App_Data\dataSettings.json
示例配置:
{
"DataProvider": "mysql",
"DataConnectionString": "server=localhost;port=3306;database=urshopdb;user id=root;password=123456;persistsecurityinfo=False;allowuservariables=True;defaultcommandtimeout=30000;connectiontimeout=30000",
"RawDataSettings": {}
}
3、外掛配置
installedPlugins.json
外掛原始碼位於: Plugins
生成路徑: Urs.Shop\Plugins
4、後臺管理
位置: Urs.Shop\Areas\Admin
賬號: urshop 密碼: admin
富文字編輯器: 百度UEditorNetCore
配置檔案: config.json
5、微信SDK
WeixinSDK
: http://www.weixinsdk.net
6 、微信小程式
程式碼位於: miniprogram
以上為基本配置,只需還原備份資料庫並配置好 dataSettings.json
即可使用。
專案文件
專案文件可以幫助我們快速上手 UrShop。遇到任何問題時,文件也能為大家提供必要的指導和支援。
專案介面
透過詳細的 API 文件,可以快速掌握優社電商 V1 的各項功能,並在開發過程中可以使用,幫助我們快速瞭解專案介面。
專案效果
1、線上預覽
https://demo.urshop.cn
賬號: admin/admin
2、系統登入
3、系統首頁
4、商品管理
5、報表管理
6、小程式
專案地址
1、API線上介面文件
http://demo.urshop.cn/apihelp/index.html
2、UrShop教程文件
https://www.urshop.cn/docs/89/97.html
3、Gitee 原始碼地址
https://gitee.com/urselect/urshop
4、官網
https://www.urshop.cn/
如果你覺得這篇文章對你有幫助,不妨點個贊支援一下!你的支援是我繼續分享知識的動力。如果有任何疑問或需要進一步的幫助,歡迎隨時留言。
也可以加入微信公眾號[DotNet技術匠] 社群,與其他熱愛技術的同行一起交流心得,共同成長!優秀是一種習慣,歡迎大家留言學習!