基于HTML，css，写购物后台管理系统源代码

编写完整的购物后台管理系统的源代码超出了这个平台的范围，但我可以提供一些基本的概述和步骤：

1. **HTML**：用于构建页面结构，创建如登录界面、商品列表、订单详情等基本组件。比如，你可以使用`<form>`标签创建登录表单，`<ul>`和`<li>`构建商品分类列表。

<!-- 简化的登录表单示例 -->
<form id="loginForm">
    <input type="text" name="username" placeholder="用户名">
    <input type="password" name="password" placeholder="密码">
    <button type="submit">登录</button>
</form>

2. **CSS**：负责美化界面，设置字体、颜色、布局等。比如，你可以用CSS来规定输入框的样式和按钮的响应式设计。

#loginForm {
    width: 300px;
    margin: auto;
}
input[type=text], input[type=password] {
    padding: 10px;
    border: 1px solid #ccc;
}
button {
    background-color: blue;
    color: white;
    cursor: pointer;
}

3. **JavaScript (可能涉及Ajax或框架如jQuery)**：处理用户交互和向服务器发送数据请求。例如，当用户点击登录按钮时，JavaScript会检测表单是否填写完整，然后异步发送数据到服务器。

document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault();
    var username = document.forms['loginForm']['username'].value;
    var password = document.forms['loginForm']['password'].value;

    // 使用Ajax或fetch API发送POST请求
    // ...
});

这只是一个非常简化的例子，实际的后台管理系统会更复杂，包含数据库连接、权限管理、错误处理等功能，而且会使用更多的前端库（如React, Angular, Vue.js），后端技术（如Node.js, PHP, Python）和框架（如Express, Laravel）。