LikeShop Documentation

To maintain compatibility with the framework's auto-loading and standards, follow these naming rules:

Classes and Files

• Classes: Use PascalCase (e.g., User, UserType). Do not append Controller to the class name if it's in a controller directory (e.g., use User instead of UserController).
• Files: Class filenames must match the class name and use PascalCase. All library/function files must use the .php extension.

Methods and Properties

• Methods: Use camelCase starting with a lowercase letter (e.g., getUserName).
• Properties: Use camelCase starting with a lowercase letter (e.g., tableName).
• Functions: Use lowercase with underscores (e.g., get_client_ip).
• Magic Methods: Prefix with double underscores (e.g., __call).

Constants and Configuration

• Constants: Use uppercase with underscores (e.g., APP_PATH).
• Configuration Parameters: Use lowercase with underscores (e.g., url_route_on).

Database

• Tables and Fields: Use lowercase with underscores (e.g., think_user table, user_name field). Avoid camelCase or Chinese characters for database identifiers.

The project follows a specific directory layout for separating application logic, configuration, and public assets:

• www/: The web deployment directory (or subdirectory).
• application/: The application directory containing modules, controllers, models, and views.
  • application/common/: Common module directory.
  • application/module_name/: Specific module directory (contains controller, model, view, etc.).
• config/: Application configuration directory (e.g., database.php, app.php, cache.php).
• route/: Route definition directory.
• public/: The web root directory accessible to the public (contains index.php).
• thinkphp/: The framework system directory.
• extend/: Extension library directory.
• runtime/: Application runtime directory (must be writable).
• vendor/: Third-party libraries managed by Composer.
• think: The command-line entry point file.

www  WEB部署目录
├─application           应用目录
│  ├─common             公共模块目录
│  ├─module_name        模块目录
│  │  ├─controller      控制器目录
│  │  ├─model           模型目录
│  │  └─view            视图目录
│  ├─common.php         公共函数文件
├─config                应用配置目录
├─route                 路由定义目录
├─public                WEB目录（对外访问目录）
├─thinkphp              框架系统目录
├─extend                扩展类库目录
├─runtime               应用的运行时目录
├─vendor                第三方类库目录
└─think                 命令行入口文件

The l-painter component supports two ways to draw posters: using specialized HTML components or a JSON schema.

1. HTML Method

Use the following components within <l-painter>:

• <l-painter-view>: A container similar to a div that can nest other components.
• <l-painter-text>: For rendering text.
• <l-painter-image>: For rendering images.
• <l-painter-qrcode>: For rendering QR codes.

Note: Instead of the standard style attribute, use the css attribute to define styles (e.g., css="background: #000; height: 100rpx;").

2. JSON Schema Method

Pass a JSON object to the :board prop. In the JSON schema:

• Component types are defined by the type field: view, text, image, or qrcode.
• Styles are defined in a css object using camelCase keys (e.g., lineHeight instead of line-height).
• Nested elements are placed in a views array within a view type object.

Follow these four steps to integrate uView UI into your project. This setup enables component auto-import via easycom and global styles.

1. Register the library in main.js: Import uView and use it with Vue.

2. Import base styles in App.vue: Ensure your <style> tag has the lang="scss" attribute.

3. Import global SCSS variables in uni.scss: This allows you to use uView's theme variables throughout your project.

4. Configure easycom in pages.json: This enables automatic component loading. For npm installations, use the path without the @/ prefix.

// 1. main.js
import uView from 'uview-ui';
Vue.use(uView);

// 2. App.vue
<style lang="scss">
@import "uview-ui/index.scss";
</style>

// 3. uni.scss
@import "uview-ui/theme.scss";

// 4. pages.json
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	"pages": [
		// ...
	]
}