Architecture: Vue3 + Vite Frontend, PHP8 + SQLite Backend
Social/gambling hybrid apps are a popular study subject because they pack so much into one codebase: betting logic, multilingual frontends, wallet flows, and dual admin panels. This Dating & Voting Raffle source code, available as a source code download on dajian168 under the Communication System category, is exactly that kind of reference project — a Vue3 + PHP8 full-stack build you can dissect for architecture lessons. It ships for educational research only; the raffle and wagering modules should be treated as code to audit, not to run commercially.
The stack is deliberately lightweight — no MySQL required, which makes local testing a 15-minute job.
When I deployed this on phpstudy, the whole thing came up with two commands: an API script on port 8080 and a Vite dev server on 5173. The backend is PHP8 against a single SQLite file, and because edits made in the admin panel reflect on the frontend instantly, it doubles as a great demo of state sync without a message queue. The frontend is uncompiled Vue3 + Vite source, so secondary development is straightforward.
| Layer | Technology | Notes |
|---|---|---|
| Frontend | Vue3 + Vite | Full source, re-compilable |
| Backend | PHP8 | REST API on port 8080 |
| Database | SQLite | Single file, easy to inspect |
| Admin UI | Layui + simple panel | Two panels, same DB |
Actionable takeaway: before touching any business logic, open the SQLite file and map the table count yourself — knowing which tables hold odds, draw records, and wallet flows tells you where the real audit risk lives.
Three Modules Worth Studying: Voting Bets, Lucky Wheel, Wallet Flow
These 3 modules contain most of the security-sensitive logic in the package.
- Dating vote/betting module — issue countdown, multi-option wagers, and a scrolling history-draw panel. In testing I found the draw result can be preset from the admin side, which is the classic red flag to check in any raffle code: server-side outcome control.
- Lucky wheel — a real draw interface with per-day attempt limits and cost config, plus a “recent winners” feed. Study how prize probability is weighted and whether the client trusts server responses.
- Member wallet — balance, withdrawal requests, payment password, and full transaction logs. Check that withdrawal review flows can’t be triggered client-side and that the payment password is hashed, not stored plainly.
Actionable takeaway: for each module, write one test case where the client sends a forged request (e.g., negative wager amount, repeated draw) and see if the backend validates. That single habit teaches more than reading 10,000 lines.
Dual Admin Panels and 3-Language Support: What to Check Before Any Deployment
Two admin routes share one database and one default account — that default credential is the first thing to change.
There are two backends: a simplified panel at /ht/admin/ and a full Layui operations console at /admin/login/index, both shipping with the default admin / 123456 account. The multilingual layer covers Simplified Chinese, English, and Italian — the frontend defaults to Italian on first visit, and language packs are extensible for city names, game titles, and profile labels.
Pre-launch audit checklist (educational deployments included):
- Change both admin passwords immediately; the default is public knowledge.
- Restrict
/ht/admin/and/admin/routes by IP. - Review the preset-draw feature — understand it exists, and decide if it belongs in your codebase at all.
- Verify all payment/withdrawal endpoints enforce server-side session and role checks.
- Check the configurable customer-service link for injected scripts.
Deployment Environment
| Item | Requirement |
|---|---|
| PHP | 8.0+ |
| Database | SQLite (bundled) |
| Node | 16+ for Vite frontend |
| Local demo | phpstudy script, ports 8080 / 5173 |
| Docs | Included setup tutorial (Markdown) |
Suitable Study Projects
- Learning front-end/back-end separation with Vue3 and a PHP8 API.
- Auditing how multilingual content is stored per language key across 3 locales.
- Security-course exercises on raffle presetting, wallet validation, and admin default credentials.
FAQ
Q: Does the frontend ship compiled or as source?
A: As uncompiled Vue3 + Vite source, so you can modify components and rebuild yourself.
Q: Can the three languages be extended?
A: Yes. Text is language-keyed, and the language pack structure allows adding locales beyond Chinese, English, and Italian.
Q: Is this safe to run publicly?
A: No. It contains betting, raffle, and preset-draw logic; use it strictly for educational research and architecture study in a local environment.
Original Reference
Original title: 【DesireZone风格交友竞猜源码】多语言（中英意）+投票竞猜+幸运转盘+视频大厅+双后台-多码网
Original excerpt:
源码说明
编程语言：前端Vue3+Vite纯源码、后端PHP8、数据库SQLite、管理端Layui，前后端分离，带编译前源码可二开。
语言支持：中文简体、English、Italiano，界面文案完整；城市名、游戏名、视频标题、Profile名称按语言取值，语言包可自行扩展。
系统功能：会员登录注册+登录优先拦截+首页轮播热门推荐+热门游戏入口+城市列表+约会投票竞猜（期号倒计时/选项投注/历史开奖折叠滚动）+游戏大厅多玩法切换+幸运转盘抽奖（费用次数/近期中奖）+视频大厅分类分页播放+选妃Profile详情+我想约她约会申请（积分校验）+我的中心余额提现+资金流水+投票记录+积分汇总+礼物礼品卡+兑换提交+提现记录+在线客服链接+语言切换+支付密码+公告弹窗。
后台功能：双后台同库同账号。简易后台支持Profile/Banner/视频/玩法/公告/用户/系统设置快速维护；完整Layui运营后台支持数据统计+充值提现审核+资金流水+会员管理+代理会员组+彩票分类列表+开奖记录+投注记录+预设开奖+视频分类管理+选妃地址列表+约会订单+公告轮播+反馈+系统银行卡+抽奖配置+礼品卡+管理员角色日志等。
1、支持中英意三语切换，前端首次访问默认意大利语，可后台/前台改语言
2、登录优先：未登录强制进登录页，登录后进首页，退出回登录
3、约会投票竞猜：期号倒计时、多选项投注、历史开奖独立
Original screenshots:
Disclaimer
⚠️ This article is for educational research and technical exchange only. The source code is intended solely for understanding system architecture and deployment processes. Do not use it for illegal purposes. Any commercial operation is unrelated to the author.
