code/IM
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

后端：

Browse Source 
1、事件订阅增加rabbitmq中间件
移动端：
1、完善移动端目录结构和代码框架
This commit is contained in:
nanxun
2026-01-28 18:19:45 +08:00
parent f9cc69698c 6cab42679c
commit ae99d3290f
47 changed files with 821 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/lib/app.dart
+14
View File
@@ -0,0 +1,14 @@
import 'package:app/core/router/app_router.dart';
import 'package:flutter/material.dart';
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp.router(
title: '测试应用',
routerConfig:appRouter
);
}
}
frontend/app/lib/core/constants/app_colors.dart
+5
View File
@@ -0,0 +1,5 @@
import 'dart:ui';
class AppColors {
static const Color primaryColor = Color(0xFF4FDBFF); // 微信绿
}
frontend/app/lib/core/constants/app_strings.dart
View File
frontend/app/lib/core/constants/assets_path.dart
View File
frontend/app/lib/core/router/app_router.dart
+26
View File
@@ -0,0 +1,26 @@
import 'package:app/features/auth/pages/login_page.dart';
import 'package:app/features/home/pages/index_page.dart';
import 'package:go_router/go_router.dart';
import '../../features/home/pages/main_page.dart';
final appRouter = GoRouter(
initialLocation: '/auth/login',
routes: [
GoRoute(path: '/auth/login', builder: (context, state) => const LoginPage()),
ShellRoute(
builder: (context, state, child) {
return MainPage(child: child);
},
routes: [
GoRoute(
path: '/',
builder: (context, state) => const IndexPage()
)
]
)
],
);
frontend/app/lib/features/auth/bloc/login_page_state.dart
+167
View File
@@ -0,0 +1,167 @@
import 'package:app/core/constants/app_colors.dart';
import 'package:app/features/auth/pages/login_page.dart';
import 'package:flutter/material.dart';
class LoginPageState extends State<LoginPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
actions: [
TextButton(
onPressed: () {},
child: const Text("找回密码", style: TextStyle(color: Colors.grey)),
),
],
),
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 40),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(height: 20),
// 1. 品牌Logo/头像区域
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: AppColors.primaryColor.withOpacity(0.1),
shape: BoxShape.circle,
),
child: const Icon(
Icons.person_rounded,
size: 60,
color: AppColors.primaryColor,
),
),
const SizedBox(height: 24),
const Text(
"登录您的聊天账号",
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.black87,
),
),
const SizedBox(height: 60),
// 2. 账号输入框 (极简下划线风格)
TextField(
decoration: InputDecoration(
labelText: "账号 / 邮箱 / 手机号",
labelStyle: const TextStyle(color: Colors.grey, fontSize: 14),
floatingLabelStyle: const TextStyle(color: AppColors.primaryColor),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.grey.shade300),
),
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: AppColors.primaryColor, width: 2),
),
),
),
const SizedBox(height: 25),
// 3. 密码输入框
TextField(
obscureText: true,
decoration: InputDecoration(
labelText: "请输入密码",
labelStyle: const TextStyle(color: Colors.grey, fontSize: 14),
floatingLabelStyle: const TextStyle(color: AppColors.primaryColor),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.grey.shade300),
),
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: AppColors.primaryColor, width: 2),
),
),
),
const SizedBox(height: 60),
// 4. 登录按钮 (圆润大按钮)
SizedBox(
width: double.infinity,
height: 50,
child: ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primaryColor,
foregroundColor: Colors.white,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
child: const Text(
"登 录",
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500),
),
),
),
const SizedBox(height: 20),
// 5. 注册/切换登录方式
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextButton(
onPressed: () {},
child: const Text(
"注册账号",
style: TextStyle(color: Color(0xFF576B95)),
), // 经典的链接蓝
),
const SizedBox(
height: 20,
child: VerticalDivider(color: Colors.grey),
),
TextButton(
onPressed: () {},
child: const Text(
"验证码登录",
style: TextStyle(color: Color(0xFF576B95)),
),
),
],
),
const SizedBox(height: 80),
// 6. 底部协议 (社交App必有)
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Checkbox(
value: true,
activeColor: AppColors.primaryColor,
onChanged: (v) {},
),
const Text(
"我已阅读并同意",
style: TextStyle(color: Colors.grey, fontSize: 12),
),
const Text(
"《用户协议》",
style: TextStyle(color: Color(0xFF576B95), fontSize: 12),
),
const Text(
"与",
style: TextStyle(color: Colors.grey, fontSize: 12),
),
const Text(
"《隐私政策》",
style: TextStyle(color: Color(0xFF576B95), fontSize: 12),
),
],
),
],
),
),
),
);
}
}
frontend/app/lib/features/auth/pages/login_page.dart
+12
View File
@@ -0,0 +1,12 @@
import 'package:app/features/auth/bloc/login_page_state.dart';
import 'package:flutter/cupertino.dart';
class LoginPage extends StatefulWidget {
const LoginPage({super.key});
@override
State<StatefulWidget> createState() {
return LoginPageState();
}
}
frontend/app/lib/features/home/bloc/index_page_state.dart
+10
View File
@@ -0,0 +1,10 @@
import 'package:app/features/home/pages/index_page.dart';
import 'package:flutter/cupertino.dart';
class IndexPageState extends State<IndexPage> {
@override
Widget build(BuildContext context) {
return Text('test');
}
}
frontend/app/lib/features/home/bloc/main_page_state.dart
+19
View File
@@ -0,0 +1,19 @@
import 'package:app/features/home/pages/main_page.dart';
import 'package:flutter/material.dart';
class MainPageState extends State<MainPage> {
int count = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(count.toString()),
backgroundColor: Colors.blue,
),
body: widget.child
);
}
}
frontend/app/lib/features/home/pages/index_page.dart
+12
View File
@@ -0,0 +1,12 @@
import 'package:app/features/home/bloc/index_page_state.dart';
import 'package:flutter/cupertino.dart';
class IndexPage extends StatefulWidget {
const IndexPage({super.key});
@override
State<StatefulWidget> createState() {
return IndexPageState();
}
}
frontend/app/lib/features/home/pages/main_page.dart
+13
View File
@@ -0,0 +1,13 @@
import 'package:app/features/home/bloc/main_page_state.dart';
import 'package:flutter/material.dart';
class MainPage extends StatefulWidget {
final Widget child;
const MainPage({super.key,required this.child});
@override
State<StatefulWidget> createState() {
return MainPageState();
}
}
frontend/app/lib/main.dart
+6 -174
View File
@@ -1,178 +1,10 @@
import 'package:flutter_web_plugins/url_strategy.dart';
import 'package:app/app.dart';
import 'package:flutter/material.dart';
void main() => runApp(
const MaterialApp(home: IMLoginPage(), debugShowCheckedModeBanner: false),
);
void main(List<String> args){
class IMLoginPage extends StatefulWidget {
const IMLoginPage({super.key});
usePathUrlStrategy();
@override
State<IMLoginPage> createState() => _IMLoginPageState();
}
class _IMLoginPageState extends State<IMLoginPage> {
@override
Widget build(BuildContext context) {
// 主题色定义：这里用类似微信的深绿或经典的社交蓝
const Color primaryColor = Color(0xFF07C160); // 微信绿，你也可以换成 0xFF0084FF (社交蓝)
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
actions: [
TextButton(
onPressed: () {},
child: const Text("找回密码", style: TextStyle(color: Colors.grey)),
),
],
),
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 40),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(height: 20),
// 1. 品牌Logo/头像区域
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: primaryColor.withOpacity(0.1),
shape: BoxShape.circle,
),
child: const Icon(
Icons.person_rounded,
size: 60,
color: primaryColor,
),
),
const SizedBox(height: 24),
const Text(
"登录您的聊天账号",
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.black87,
),
),
const SizedBox(height: 60),
// 2. 账号输入框 (极简下划线风格)
TextField(
decoration: InputDecoration(
labelText: "账号 / 邮箱 / 手机号",
labelStyle: const TextStyle(color: Colors.grey, fontSize: 14),
floatingLabelStyle: const TextStyle(color: primaryColor),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.grey.shade300),
),
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: primaryColor, width: 2),
),
),
),
const SizedBox(height: 25),
// 3. 密码输入框
TextField(
obscureText: true,
decoration: InputDecoration(
labelText: "请输入密码",
labelStyle: const TextStyle(color: Colors.grey, fontSize: 14),
floatingLabelStyle: const TextStyle(color: primaryColor),
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.grey.shade300),
),
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: primaryColor, width: 2),
),
),
),
const SizedBox(height: 60),
// 4. 登录按钮 (圆润大按钮)
SizedBox(
width: double.infinity,
height: 50,
child: ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
backgroundColor: primaryColor,
foregroundColor: Colors.white,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
child: const Text(
"登 录",
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500),
),
),
),
const SizedBox(height: 20),
// 5. 注册/切换登录方式
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextButton(
onPressed: () {},
child: const Text(
"注册账号",
style: TextStyle(color: Color(0xFF576B95)),
), // 经典的链接蓝
),
const SizedBox(
height: 20,
child: VerticalDivider(color: Colors.grey),
),
TextButton(
onPressed: () {},
child: const Text(
"验证码登录",
style: TextStyle(color: Color(0xFF576B95)),
),
),
],
),
const SizedBox(height: 80),
// 6. 底部协议 (社交App必有)
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Checkbox(
value: true,
activeColor: primaryColor,
onChanged: (v) {},
),
const Text(
"我已阅读并同意",
style: TextStyle(color: Colors.grey, fontSize: 12),
),
const Text(
"《用户协议》",
style: TextStyle(color: Color(0xFF576B95), fontSize: 12),
),
const Text(
"与",
style: TextStyle(color: Colors.grey, fontSize: 12),
),
const Text(
"《隐私政策》",
style: TextStyle(color: Color(0xFF576B95), fontSize: 12),
),
],
),
],
),
),
),
);
}
}
runApp(const MyApp());
}